在使用 Vue3
+ Vite
+ Vant
搭建移动端项目时报错 Uncaught SyntaxError: The requested module '/node_modules/.vite/vue.js?v=xxxx' 。
原因
在开发过程中Vue3
的依赖版本有变更,直接使用的npm install
下载新的版本,会导致node_modules
下存在旧版本的缓存,从而影响了本地项目的启动编译。
解决方案
删除项目的
node_modules
文件夹,如果根目录存在package-lock.json
,最好也一并删除。修改
package.json
,如下:
"dependencies": {
"axios": "^0.21.1",
"vant": "^3.0.7",
"vue": "^3.2.24",
"vue-router": "^4.0.4",
"vuex": "^4.0.0"
}
- 重新
npm install
npm install
再 npm run dev
重启服务,报错问题就完美解决了。
《Vue3学习与实战》系列
- Vue3学习与实战 · 组件通信
- Vue3学习与实战 · 全局挂载使用Axios
- Vue3学习与实战 · 配置使用vue-router路由
- Vue3学习与实战 · Vuex状态管理
- vue3 + vite实现异步组件和路由懒加载
- Vite+Vue3+Vant快速构建项目
欢迎访问:天问博客