Uncaught SyntaxError: The requested module ‘/node_modules/.vite/vue.js?v=50ccac76‘ does not provide

在尝试将@vitejs/plugin-vue、@vue/compiler-sfc和element-plus升级后,遇到Vue3与@vue/compiler-sfc版本不匹配导致的错误。问题在于vue版本3.1.5与@vue/compiler-sfc 3.2.x不兼容。解决方法是回退@vue/compiler-sfc到3.1.5,或者如果要更新Vue到最新版,需注意element-plus当前版本1.0.2-beta.70仍依赖vue@3.1.x,更新可能引发冲突。建议保持vue和element-plus版本一致以避免错误。
关键词:vite2、vue3、element-plus
问题产生:
当前vue3版本3.1.5,更新了以下三个包后:
@vitejs/plugin-vue,1.3.0到1.4.0
@vue/compiler-sfc,3.1.5到3.2.2
element-plus,1.0.2-beta.69到1.0.2-beta.70
运行出现error,如下:
Uncaught SyntaxError: The requested module '/node_modules/.vite/vue.js?v=50ccac76' does not provide an export named 'createElementBlock'
快速解决:原因是@vue/compiler-sfc版本升级到3.2.x最新版本后,与3.1.5版本的vue不匹配, npm install @vue/compiler-sfc@3.1.5使vue和@vue/compiler-sfc都为3.1.5版本即可消除error。如果想更新到最新版vue3,npm install vue@next。但是如果使用了element-plus当前最新版本1.0.2-beta.70依然依赖vue@3.1.x版本,更新会报错,暂不建议更新。 2021.8.12

by 莫得感情学习机1号

2021.8.12

这个错误通常是由于版本不匹配或依赖关系问题引起的。根据引用\[1\]和引用\[2\]的描述,你遇到的问题可能是以下两种情况之一: 1. Vue-router版本不匹配: 根据引用\[1\]的描述,你可能安装了不兼容的Vue-router版本。解决这个问题的方法是重新安装Vue-router并指定一个兼容的版本,比如使用命令`npm i vue-router@4.0.0-beta.3`。这将安装Vue-router的beta版本4.0.0-beta.3,可能与你的Vue3项目兼容。 2. @vue/compiler-sfc版本不匹配: 根据引用\[2\]的描述,你可能升级了@vue/compiler-sfc的版本,但与你的Vue版本不匹配。解决这个问题的方法是安装与你的Vue版本匹配的@vue/compiler-sfc。你可以使用命令`npm install @vue/compiler-sfc@3.1.5`来安装3.1.5版本的@vue/compiler-sfc,以与你的Vue3版本匹配。 请注意,如果你使用了element-plus插件,并且它依赖于特定版本的Vue,你可能需要确保Vue的版本与element-plus的要求相匹配。如果你想更新到最新版的Vue3,但element-plus仍然依赖于旧版本的Vue,那么更新可能会导致错误。在这种情况下,暂时不建议更新Vue版本。 综上所述,你可以尝试重新安装Vue-router并指定兼容的版本,或者安装与你的Vue版本匹配的@vue/compiler-sfc来解决你遇到的问题。 #### 引用[.reference_title] - *1* [“The requested module ‘/@modules/vue.jsdoes not provide an export named“markNonReactive”](https://blog.csdn.net/haha_556/article/details/118961474)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [Uncaught SyntaxError: The requested module ‘/node_modules/.vite/vue.js?v=50ccac76does not ...](https://blog.csdn.net/Alloom/article/details/119642604)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值