@vitejs/plugin-vue requires vue (＞=3.2.13) or @vue/compiler-sfc to be present in the dependency tree

已于 2023-07-31 17:31:27 修改
阅读量705 收藏
点赞数
分类专栏： 问题解决 文章标签： vue.js javascript 前端
于 2023-07-31 17:28:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35459724/article/details/132026943
版权

原因

node版本太低

vue@3.2.x 在@vue/compiler-sfc 中加了私有类方法，在node12 下报错。

使vue-loader 捕获到报错后触发日志 

 catch的应该使SyntaxError，其实这里和vitejs没有关系

解决

固定版本vue@3.2.x 不要加^箭头

JA+
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
vite-plugin-vue-i18n:Vue I18n的快速插件
04-09
:globe_with_meridians: @ intlify / vite-plugin-vue-i18n Vue I18n的Vite插件 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠赞助商的支持。 如果您想成为赞助商，请考虑： :1st_place_medal: 金牌赞助商 :2nd_place_medal: 银牌赞助商 :3rd_place_medal: 青铜赞助商 :star: 特征 i18n资源预编译 i18n自定义块 静态捆绑进口 捆绑优化 :optical_disk: 安装 NPM $ npm i --save-dev @intlify/vite-plugin-vue-i18n 纱 $ yarn add -D @intlify/vite-plugin-vue-i18n :warning: 注意 安装此插件后，Vue I18n只能使用Composition API，如果要使用Legacy API，则需要将compositionOnly选项设置为f
Error: @vitejs/plugin-vue requires vue (＞=3.2.13) or @vue/compiler-sfc to be present in the dependen
一只想躺平却不敢躺平的小菜鸟
08-21 1万+
创建完vue项目进行启动报错；Error: @vitejs/plugin-vue requires vue (＞=3.2.13) or @vue/compiler-sfc to be present in the dependen
@vitejs/plugin-vue requires vue (＞=3.2.13) or @vue/compiler-sfc to be present in the dependency tre
qq_52055293的博客
05-19 6323
当创建 项目报错： @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.
vite-plugin-vue2:Vite的Vue2插件
03-31
vite-plugin-vue2 用法 运行yarn add vite-plugin-vue2 --dev 将插件添加到vite.config.js // vite.config.js const { createVuePlugin } = require ( 'vite-plugin-vue2' ) module . exports = { plugins : [ createVuePlugin ( /*options*/ ) ] , } vueTemplateOptions 类型： Object 默认值： null @vue/component-compiler-utils 。 jsx 类型： Boolean 默认值： false jsx转换的选项。 jsxOptions 类型： Object @vue/babel-preset-jsx 。 去做 SSR构建 源图
npm install报错peerDependencies WARNING eslint-plugin-vue@^5.2.3 requires a peer of eslint@^5.0.0 but
01-07
1、问题场景： npm install 报错，以为是npm问题，改成cnpm install，也还是报错，根据错误信息提示，推断是eslint版本不兼容。 报错提示： peerDependencies WARNING eslint-plugin-vue@^5.2.3 requires a peer of eslint@^5.0.0 but [email protected] was installed peerDependencies WARNING eslint-plugin-vue@5.2.3 › vue-eslint-parser@^5.0.0 requires a peer of eslint@
vue3项目导入异常Error: @vitejs/PLUGIN-vue requires vue (＞=3.2.13)
码农践行
09-01 4978
一般都是开发者捐赠支持的提示，打开一个github的链接之后，会显示需要打赏捐赠的信息，此时如果不想捐赠或者跳过这个提示的话，直接在后面加–NO-fund即可，具体命令如下：npm INSTALL --NO-fund。
运行Vue时出错 Error: @vitejs/plugin-vue requires vue (＞=3.2.13)
热门推荐
眼睛眯起来的博客
07-18 1万+
Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.
手动解决Cannot find module '@sentry/webpack-plugin'等问题
10-06
解决Cannot find module '@sentry/webpack-plugin'，Cannot find module '@sentry/browser'，Cannot find module '@sentry/cli'等问题。<br/> 下载后，解压后文件夹，放在vue项目的node_modules文件夹下，即可。
jiaminghi/data-view dataV for vite2 vue3 windows补丁 for pnpm
03-19
官网直接安装的不支持vite2+vue3的 主要修复： 1.build或者dev项目时不报错，兼容vite2，vue3； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用的，就是底层node_modules位置不一样而已，不过修改原理都是一样的，大家可以自行下载研究，目前仅在windows下测试，macos跟linux还未测试。 下面说下安装步骤： 1.在项目更目录中安装，执行pnpm install @jiaminghi/data-view即可； 2.将other_modules压缩包解压并覆盖到项目的node_modules文件夹下即可 调用方法，请参考官网文档http://datav.jiaminghi.com/
vue-cli-plugin-auto-routing:自动解决页面和布局路由
05-02
vue-cli-plugin-自动路由 提供自动路由功能的Vue CLI插件。概述确保您处于由Vue CLI> = v3生成的项目中。 您可以通过运行以下命令来安装此插件： # If you did not install router plugin yet$ vue add router# ...
rollup-plugin-htmlvue:用于将HTMLXML转换为Vue SFC的汇总插件
05-01
:fire: 没有与Vue编译器Comiles耦合到SFC，以便您的进行编译 :dizzy: 多功能支持任何XML可解析的标记 :rocket: 安装npm i -D rollup-plugin-vue rollup-plugin-htmlvue :hammer_and_wrench: 设定档rollup.config.js...
babel-plugin-transform-vue-jsx:vue 2.0 jsx的babel插件
05-02
babel-plugin-transform-vue-jsx Vue 2.0 JSX的Babel插件 Babel相容性说明 如果使用Babel 7，请使用4.x 如果使用Babel 6，请使用3.x 要求 假设您将Babel与模块捆绑器（例如Webpack）一起使用，因为扩展合并帮助器...
vue3-app:基于vue3.0.0，vant3.0.7，vue-router4.0.0-0，vuex ^ 4.0.0-0，vue-cli3移动端H5
03-09
vue3-app npm安装 npm install 在线使用 npm run serve 生产环境打包 npm run build 一，设置函数的使用 二，页面适应 三，keep-alive缓存页面 // Home,News 对应路由中要缓存的component名字 < router xss=removed>...
eslint-plugin-vue-i18n：Vue I18n的ESLint插件
02-05
@ intlify / eslint-plugin-vue-i18n Vue I18n的ESLint插件 :open_book: 文献资料看 :scroll: 变更日志每个版本的详细信息更改记录在。 :exclamation_mark: 问题在打开问题之前，请确保阅读“ 。 不符合准则的问题...
snowpack-plugin-vue2:一个Snowpack vue2编译器，可逐字重用@@ snowpackplugin-vue
05-13
考虑到这一目标，该存储库使用/plugin进行了设置，该/plugin对应于/plugins/plugin-vue代码的副本，因此，如果有兴趣使Snowpack与Vue2一起使用，则需要将我的更改移植到vue插件很小。 为什么选择Vue 2？ 目前，...
plugin-legacy
04-21
@ oclif / plugin-legacy 转换较旧样式的插件以与oclif兼容
Error: @vitejs/plugin-vue requires vue (>=3.2.13) or @vue/compiler-sfc to be present in the dependency tree.
最新发布
09-20
根据您的描述，出现了一个错误提示：Error: @vitejs/plugin-vue 需要依赖树中存在 vue (>=3.2.13) 或 @vue/compiler-sfc。解决此问题的方法是安装正确的依赖包。您可以按照以下步骤进行操作： 1. 打开终端并进入您的 Vue 项目所在的目录。 2. 运行以下命令来安装 Vue 相关的依赖包： ``` npm install vue@3.2.13 ``` 或者如果您使用的是 @vue/compiler-sfc，可以运行以下命令： ``` npm install @vue/compiler-sfc@3.2.13 ``` 3. 等待安装完成后，重新运行您的项目，看是否仍然出现相同的错误提示。 如果问题仍然存在，请确保您的项目中已经正确安装了 @vitejs/plugin-vue，并且安装的版本符合所需的要求。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值