vue3下vue/compiler-sfc报错问题解决

最新推荐文章于 2024-05-23 16:18:28 发布
最新推荐文章于 2024-05-23 16:18:28 发布
阅读量986 收藏
点赞数 1
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43941749/article/details/137197439
版权

今天上午启动项目还是好好的，下午突然报了这个错误：

[vue/compiler-sfc] This experimental syntax requires enabling one of the following parser plugin(s): "jsx", "flow", "typescript"

去百度的结果不尽人意...

script标签加lang="jsx"

vue安装jsx模块

都试了，全部失败

于是我回忆了一下上午是在笔记本上跑的，下午是在台式

会不会是环境问题

马上对比了下两边的node版本

发现笔记本上的是14，台式上的是18

于是卸载台式机的node，重新安装14版本，删除项目的node_modules，重新install然后run server

果不其然 好了！

weixin_43941749
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue-template-babel-compiler:为基于 Babel 的 Vue.js SFC 启用 Optional Chaining 和许多新的 ES 特性
07-24
演示用法 # 1: Install in your Vue project directorynpm install --save-dev vue-template-babel-compiler# or:yarn add vue-template-babel-compiler --dev# 2: Run a script to substitute vue-template-es2015-...
vue@3.4.15 本地离线资源
02-05
/npm/vue@3.4.15/compiler-sfc /npm/vue@3.4.15/jsx-runtime /npm/vue@3.4.15/server-renderer /npm/vue@3.4.15/index.js /npm/vue@3.4.15/index.mjs /npm/vue@3.4.15/jsx.d.ts /npm/vue@3.4.15/LICENSE /...
vue3中.vue文件使用jsx语法报错
qq_33852698的博客
03-18 878
最后问题完美解决，总结就是：这个年代还是要与时俱进，学会和。沟通能够加快自己的检索速度，与君共勉！到了这里，猜测是因为报错的地方使用了。的项目可能不支持该语法，通过询问。
vue单文件组件(SFC)
weixin_43962020的博客
03-24 445
Vue SFC 是一个框架指定的文件格式，因此必须交由 @vue/compiler-sfc 编译为标准的 JavaScript 和 CSS，一个编译后的 SFC 是一个标准的 JavaScript(ES) 模块，这也意味着在构建配置正确的前提下，你可以像导入其他 ES 模块一样导入 SFC。、 和 三个块在同一个文件中封装、组合了组件的视图、逻辑和样式。1、使用熟悉的 HTML、CSS 和 JavaScript 语法编写模块化的组件。
Vue3 Uncaught SyntaxError: Unexpected token ＜‘ 错误参考解决方法
最新发布
shi15926lei的博客
05-23 677
1.检查引用的 JavaScript 文件是否正确：确认所有引用的外部 JavaScript 文件路径是否正确，可以在静态资源的路径前加上<%= BASE_URL %>，例如<script type="text/javascript" src="<%= BASE_URL %>jquery.min.js"></script>。2.检查 JavaScript 文件的内容：打开引用的 JavaScript 文件，确保文件内容是有效的 JavaScript 代码，没有错误或意外的 < 字符。
关于VUE2旧项目重新安装依赖后@vue/compiler-sfc提示无法运行的解决方案
热门推荐
疋疋 剥壳
02-17 1万+
关于VUE2旧项目重新安装依赖后@vue/compiler-sfc提示无法运行的解决方案；有一段时间因为vue3的出现，大家将vue-cli脚手架进行了升级，导致大部分项目重新安装依赖时出现提示程序中缺少依赖@vue/compiler-sfc ，但是对于vue2而言其实内部已存在 vue-loader 的依赖，但还原版本时，会将本地vue-loader的依赖更新到最新，导致项目启动出现问题。
Vue2 重新安装依赖后 @vue/compiler-sfc 编译报 ＞＞＞ and /deep/ 警告
黄河爱浪的博客-专注CSS,jQuery,uni-app领域
09-04 3056
最近突然项目冒出@vue/compiler-sfc 编译报 /deep/警告的问题，一顿对网上操作后，还是没能解决。也不去探究什么原因造成的吧(总之和 Vue 2.7 版本有关)，若按警告的提醒去一个个改显然是不能接受的，直接上解决方案。
Syntax Error: Error: Cannot find module ‘vue/compiler-sfc‘
weixin_46176940的博客
04-09 557
由于vue-loader版本过高为@17.0.0。cnpm run dev启动项目时报错。
vue3报错：[@vue/compiler-sfc] the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead.
快乐分享
07-18 5545
vue3报这个错误咋办？！在线等，挺急的！
启动vue报错 vue (＞=3.2.13) or @vue/compiler-sfc
lijun_xiao2009的专栏
06-27 3425
Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree 解决方法
vue-cli-plugin-vue-next:一个Vue CLI插件，用于试用vue-next（实验性）
04-23
将Vue 3 Beta和@vue/compiler-sfc到项目依赖项。 配置webpack以使用新的Vue 3编译器编译.vue文件。 自动迁移提到的某些全局API更改的 。 如果检测到旧版本，请在项目中安装Vuex 4.0和Vue Router 4.0。 API的...
laravel-mix-vue3:适用于Vue 3，Typescript和JSX的Laravel Mix扩展
05-28
npm install laravel-mix-vue3 --save-dev//oryarn add laravel-mix-vue3 -D 如果Laravel Mix无法安装以下内容，请确保安装以下内容 npm install @types/webpack-env @vue/compiler-sfc vue-loader@next laravel-...
vue-deno-compiler:sfc vue组件的编译器
05-05
sfc vue组件的编译器 用于编译Vue单个文件组件的较低级实用程序 该软件包包含较低级别的实用程序，如果您正在为将Vue单个文件组件（SFC）编译为JavaScript的捆绑器或模块系统编写插件/转换，则可以使用这些实用程序...
npm install报错peerDependencies WARNING eslint-plugin-vue@^5.2.3 requires a peer of eslint@^5.0.0 but
01-07
npm install 报错，以为是npm问题，改成cnpm install，也还是报错，根据错误信息提示，推断是eslint版本不兼容。 报错提示： peerDependencies WARNING eslint-plugin-vue@^5.2.3 requires a peer of eslint@^5.0.0 ...
vue3-ts-error：vue 3 ts错误重现
02-28
3. **依赖安装**：确保所有必要的依赖（如 `vue`, `vue-router`, `pinia` for state management, `@vue/compiler-sfc` 等）都已安装，并且版本与 Vue 3 兼容。 4. **模板类型错误**：在模板中使用 TypeScript 时，...
Vue3pdf中文文档
06-06
- **npm安装**：适用于大型项目，配合Webpack或Rollup进行模块打包，同时需要安装`@vue/compiler-sfc`以支持单文件组件（SFCs）。 - **Vue CLI**：官方命令行工具，用于快速搭建SPA脚手架，包含热重载、lint校验等...
Cannot find module vue/compiler-sfc
风烟
08-29 2561
我的vue版本是2.5，但是我的vue-loader版本升级到了vue-loader：17.3.0。经查，原来是vue2不能工作在vue-loader17以上，需要降到。
vue 热更新无反应_不吹不黑谈谈 vue 的 SFC 和 template
weixin_42542669的博客
01-30 550
大家好，好久不贱，我是 132，今天给大家带来一篇关于 SFC 的文章为什么我曾经不看好 SFC 和 template过去，我一直不看好 SFC 和 template，甚至因为这个观点，还被很多 vuer 喷，讲道理，真的，老被喷老被喷，总觉得不符合我性格，无论如何我都不想接收我是一个恶人的设定只是我之所以不看好 vue 或者说 template，不只是业务层面的东西，而是，我认为 templat...
Error: Failed to resolve vue/compiler-sfc——vite项目启动报错——npm run serve
yehaocheng520的博客
12-11 2922
Error: Failed to resolve vue/compiler-sfc——vite项目启动报错——npm run serve
vue cli 运行项目报错 @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.
05-12
这个错误提示说明你的项目中缺少 vue 或 @vue/compiler-sfc 依赖，而 @vitejs/plugin-vue 插件需要这些依赖的支持才能正常运行。 解决方法如下： 1. 确认你的项目中已经安装了 vue 或 @vue/compiler-sfc 依赖： ``` npm ls vue npm ls @vue/compiler-sfc ``` 如果没有安装，执行以下命令安装： ``` npm install vue npm install @vue/compiler-sfc ``` 2. 如果已安装了依赖，但是还是报错，可以尝试更新依赖版本： ``` npm update vue npm update @vue/compiler-sfc ``` 3. 如果更新依赖还是不能解决问题，可以尝试卸载依赖并重新安装： ``` npm uninstall vue npm uninstall @vue/compiler-sfc npm install vue npm install @vue/compiler-sfc ``` 4. 如果还是无法解决问题，可以尝试删除项目的 node_modules 目录并重新安装依赖： ``` rm -rf node_modules npm install ``` 如果你使用的是 yarn，可以使用以下命令： ``` rm -rf node_modules yarn install ``` 希望这些方法能够帮助你解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值