Vue3+Vite+Vant报错Uncaught SyntaxE

在使用 Vue3 + Vite + Vant 搭建移动端项目时报错 Uncaught SyntaxError: The requested module '/node_modules/.vite/vue.js?v=xxxx' 。

原因

在开发过程中Vue3的依赖版本有变更，直接使用的npm install下载新的版本，会导致node_modules下存在旧版本的缓存，从而影响了本地项目的启动编译。

解决方案

1. 删除项目的 node_modules 文件夹，如果根目录存在 package-lock.json ，最好也一并删除。

2. 修改 package.json ，如下：

"dependencies": {
    "axios": "^0.21.1",
    "vant": "^3.0.7",
    "vue": "^3.2.24",
    "vue-router": "^4.0.4",
    "vuex": "^4.0.0"
}

3. 重新 npm install

npm install

再 npm run dev 重启服务，报错问题就完美解决了。

《Vue3学习与实战》系列

• Vue3学习与实战 · 组件通信
• Vue3学习与实战 · 全局挂载使用Axios
• Vue3学习与实战 · 配置使用vue-router路由
• Vue3学习与实战 · Vuex状态管理
• vue3 + vite实现异步组件和路由懒加载
• Vite+Vue3+Vant快速构建项目

欢迎访问：天问博客