升级 npm 后，显示 webpack 错误

Posted 2023-03-07

【中文标题】升级 npm 后，显示 webpack 错误

【英文标题】：After upgrading npm, webpack errors showing

【发布时间】：2022-01-10 09:23:29

【问题描述】：

在我将 npm 包升级到最新版本 8.2.0 后，我开始在 react 应用程序中遇到问题。这是屏幕截图。

这是我在控制台中看到的：

[HMR] 等待来自 WDS 的更新信号... react-dom.development.js:12 Uncaught ReferenceError: run is not defined 在 Object../node_modules/react-dom/cjs/react-dom.development.js (:3000/static/js/vendors~main.chunk.js:199910) 在 webpack_require (:3000/static/js/bundle.js:857) 在 fn (:3000/static/js/bundle.js:151) 在 Object../node_modules/react-dom/index.js (:3000/static/js/vendors~main.chunk.js:225957) 在 webpack_require (:3000/static/js/bundle.js:857) 在 fn (:3000/static/js/bundle.js:151) 在模块。 (:3000/static/js/main.chunk.js:4506) 在 Module../src/index.tsx (:3000/static/js/main.chunk.js:4643) 在 webpack_require (:3000/static/js/bundle.js:857) 在 fn (:3000/static/js/bundle.js:151) 在 Object.1 (:3000/static/js/main.chunk.js:4657) 在 webpack_require (:3000/static/js/bundle.js:857) 在 checkDeferredModules (:3000/static/js/bundle.js:46) 在 Array.webpackJsonpCallback [作为推送] (:3000/static/js/bundle.js:33) 在：3000/static/js/main.chunk.js:1 webpackHotDevClient.js:138 src/App.tsx

但是，当我使用 nginx 或 serve -s build 构建并运行它时，应用程序运行正常。只是 npm start 有效，而 app 显示所有这些错误。

【参考方案1】：

好的，经过大量研究后，我可以通过发出两个命令来解决问题

npm -rf node_modules/
npm install

这就像重新安装项目依赖项。无需更改代码或任何其他文件。我仍然不知道是什么原因造成的，以及为什么依赖项突然出现 np upgrade 问题，但现在它又可以正常工作了。