uni-app HBuilderX运行到浏览器报错 Cannot find module '@vue/cli-shared-utils'
uni-app HBuilderX运行到浏览器报错 Cannot find module ‘@vue/cli-shared-utils’
| 信息类别 | 详情 |
|---|---|
| 产品分类 | uniapp/H5 |
| PC开发环境 | Windows |
| 操作系统版本 | windows10 |
| HBuilderX类型 | 正式 |
| HBuilderX版本 | 4.14 |
| 浏览器平台 | Chrome |
| 浏览器版本 | 124.0.6367.92 |
| 项目创建方式 | HBuilderX |
bug描述：
HBuilderX生成的项目，并非通过cli生成，结果【运行到浏览器】的时候HBuilderX编辑报错：Cannot find module ‘@vue/cli-shared-utils’。前几天运行都没问题的。
操作步骤：
无
预期结果：
正常运行
实际结果：
运行到浏览器运行不了
更多关于uni-app HBuilderX运行到浏览器报错 Cannot find module '@vue/cli-shared-utils'的实战教程也可以访问 https://www.itying.com/category-93-b0.html
感谢反馈。我使用 4.15 版本的 huibderx 创建 vue2/vue3 的 uni-app 项目，多次运行，不能复现你的问题，是不是之前修改过内置的 hbuilderx 的内置的模块？升级最新版本是否可以解决你的问题
更多关于uni-app HBuilderX运行到浏览器报错 Cannot find module '@vue/cli-shared-utils'的实战教程也可以访问 https://www.itying.com/category-93-b0.html
后续分析：HBuilderX的问题。
因为同样一套代码，在HBuilderX版本号：4.08上运行没问题。
但是在HBuilderX版本号：4.14上运行就会报这个错误。
重点是我的项目没有这个依赖，连基本的package.json文件都没有，何来找这个依赖？
在使用 uni-app 开发时，如果你在 HBuilderX 中运行项目到浏览器时遇到 Cannot find module '@vue/cli-shared-utils' 的错误，通常是由于依赖包缺失或版本不兼容导致的。以下是一些可能的解决方法：
1. 检查并安装依赖包
首先，确保你的项目依赖已经正确安装。你可以在项目根目录下运行以下命令来安装所有依赖：
npm install
如果你使用的是 yarn，可以运行：
yarn install
2. 检查 @vue/cli-shared-utils 是否存在
确保 @vue/cli-shared-utils 已经安装。你可以通过以下命令手动安装它：
npm install @vue/cli-shared-utils --save-dev
或者使用 yarn：
yarn add @vue/cli-shared-utils --dev
3. 清除缓存并重新安装依赖
有时候，缓存可能会导致问题。你可以尝试清除 npm 或 yarn 的缓存，然后重新安装依赖：
npm cache clean --force
npm install
或者使用 yarn：
yarn cache clean
yarn install
4. 检查 HBuilderX 版本
确保你使用的 HBuilderX 是最新版本。如果不是最新版本，建议更新到最新版本，因为旧版本可能存在一些已知的 bug。
5. 检查项目配置
检查你的项目配置，确保 package.json 文件中的依赖项没有冲突或错误。特别是 @vue/cli-service 和 @vue/cli-shared-utils 的版本是否兼容。
6. 重新构建项目
如果以上步骤都没有解决问题，你可以尝试删除 node_modules 文件夹和 package-lock.json 文件（或 yarn.lock 文件），然后重新安装依赖并构建项目：
rm -rf node_modules package-lock.json
npm install
或者使用 yarn：
rm -rf node_modules yarn.lock
yarn install
7. 使用 vue-cli 创建项目
如果问题依然存在，你可以尝试使用 vue-cli 创建一个新的 uni-app 项目，然后将你的代码迁移到新项目中：
vue create -p dcloudio/uni-preset-vue my-project