用uni-app工程创建项目无论是打包还是运行都报错

用uni-app工程创建项目无论是打包还是运行都报错

示例代码：

[plugin:vite:import-analysis] Cannot find module 'vue-router\dist\vue-router.esm-bundler.js'
Require stack: 
- C:\Users\Toby\Desktop\my-vue3-project\node_modules\@dcloudio\uni-cli-shared\dist\resolve.js  
- C:\Users\Toby\Desktop\my-vue3-project\node_modules\@dcloudio\uni-cli-shared\dist\hbx\env.js  
- C:\Users\Toby\Desktop\my-vue3-project\node_modules\@dcloudio\uni-cli-shared\dist\hbx\index.js  
- C:\Users\Toby\Desktop\my-vue3-project\node_modules\@dcloudio\uni-cli-shared\dist\utils.js  
- C:\Users\Toby\Desktop\my-vue3-project\node_modules\@dcloudio\uni-cli-shared\dist\mp\ast.js  
- C:\Users\Toby\Desktop\my-vue3-project\node_modules\@dcloudio\uni-cli-shared\dist\mp\index.js  
- C:\Users\Toby\Desktop\my-vue3-project\node_modules\@dcloudio\uni-cli-shared\dist\index.js  
- C:\Users\Toby\Desktop\my-vue3-project\node_modules\@dcloudio\vite-plugin-uni\dist\cli\index.js  
- C:\Users\Toby\Desktop\my-vue3-project\node_modules\@dcloudio\vite-plugin-uni\bin\uni.js
C:/Users/Toby/Desktop/my-vue3-project/node_modules/@dcloudio/uni-h5/dist/uni-h5.es.js

操作步骤：

用指令创建完工程，然后运行或者是打包

预期结果：

正常打包

实际结果：

报错

bug描述：

用指令创建完工程，然后运行或者是打包，都是报错

Image

信息 描述
产品分类 uniapp/H5
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 win10
HBuilderX类型 正式
HBuilderX版本号 4.76
浏览器平台 Chrome
项目创建方式 HBuilderX

更多关于用uni-app工程创建项目无论是打包还是运行都报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

12 回复

兄弟 npm i 没有？

更多关于用uni-app工程创建项目无论是打包还是运行都报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html


npm i pnpm i yarn 三个都是试过了

而且npm、pnpm、yarn的缓存也都清了

我也复现了该问题
npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project

pnpm i

pnpm run dev:h5

@DCloud_UNI_OttoJi

npm i vue-router@4.3.0 即可解决问题

降级vue-router就行了
yarn add vue-router@4.5.1

uni-app 相关依赖升级到 3.0.0-alpha-4080220250929001 试试还有没有问题

应该是安装到了 4.6.0 版本的 vue-router，这个版本移除了 vue-router.esm-bundler.js 文件，所以报错找不到这个文件了，我看最新的 4.6.3 版本又恢复了这个文件

这得扣绩效

回复 coderH: https://ask.dcloud.net.cn/article/42140

这个错误是因为项目缺少 vue-router 依赖导致的。uni-app 在 H5 平台下会依赖 vue-router 进行路由管理。

解决方案：

  1. 安装 vue-router 依赖 在项目根目录执行：

    npm install vue-router[@4](/user/4)

  2. 如果已安装但仍有问题，尝试重新安装依赖

    rm -rf node_modules
npm install

  3. 检查 package.json 中的依赖版本 确保 vue 和 vue-router 版本兼容：

    {
  "dependencies": {
    "vue": "^3.0.0",
    "vue-router": "^4.0.0"
  }
}

  4. 清理缓存后重新运行

    npm run dev:h5 --force
回到顶部