在使用 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 ，vue 的版本如下：

"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 重启服务，报错问题就完美解决了。

Vite 相关系列

• Vite+Vue3+Vant快速构建项目
• vue3 + vite实现异步组件和路由懒加载
• Vite启动后提示Network: use --host to expose
• vite.config配置alias时报错：Error: ENOTEMPTY: directory not empty, rmdir
• Vue3+Vite+Vant报错Uncaught SyntaxError: The requested module ‘/node_modules/.vite/vue.js?v=xxxx’

欢迎访问：天问博客