uni-app项目删除node_modules后重新安装运行，浏览器控制台报错

uni-app项目删除node_modules后重新安装运行，浏览器控制台报错

删除node_modules后重新npm install后，运行项目报“[Vue warn]: Error in onShow hook: "TypeError: Cannot set properties of undefined (setting 'default')"，没改代码。

zlyuanteng 1楼

更多关于uni-app项目删除node_modules后重新安装运行，浏览器控制台报错的实战教程也可以访问 https://www.itying.com/category-93-b0.html

在 uni-app 项目中，如果你删除了 node_modules 文件夹并重新安装依赖后，浏览器控制台报错，可能是由于以下几个原因导致的。以下是一些常见的排查步骤和解决方案：

1. 确保依赖安装完整

删除 node_modules 后，重新安装依赖时，确保所有依赖都正确安装。可以使用以下命令重新安装依赖：
```
npm install
```
或者如果你使用的是 yarn：
```
yarn install
```

2. 清除缓存

有时候缓存可能会导致问题，可以尝试清除 npm 或 yarn 的缓存：
```
npm cache clean --force
```
或者：
```
yarn cache clean
```

3. 检查 `package.json` 文件

确保 package.json 文件中的依赖项没有错误，并且所有依赖项的版本是兼容的。

4. 删除 `package-lock.json` 或 `yarn.lock` 文件

有时候 package-lock.json 或 yarn.lock 文件可能会导致依赖冲突，可以尝试删除这些文件后重新安装依赖：
```
rm package-lock.json
npm install
```
或者：
```
rm yarn.lock
yarn install
```

5. 检查 `uni-app` 版本

确保你使用的 uni-app 版本与项目兼容。可以尝试更新 uni-app 到最新版本：
```
npm install @dcloudio/uni-app@latest
```

6. 检查 `webpack` 配置

如果你在项目中自定义了 webpack 配置，确保配置没有错误。可以尝试恢复默认配置，看看问题是否依然存在。

7. 检查浏览器控制台报错信息

仔细查看浏览器控制台的报错信息，通常会提供一些线索。常见的错误可能包括：
- 缺少某个模块
- 模块版本不兼容
- 路径错误
- 语法错误

8. 重新编译项目

有时候重新编译项目可以解决问题。可以尝试删除 dist 或 build 文件夹后重新编译：
```
npm run dev
```
或者：
```
yarn dev
```

9. 检查 `babel` 配置

如果你在项目中使用了 babel，确保 babel 配置正确，并且所有 babel 插件和预设都已正确安装。

10. 检查 `vue` 版本

确保 vue 版本与 uni-app 兼容。可以尝试更新 vue 到最新版本：
```
npm install vue@latest
```

回到顶部