项目场景:
新项目本地运行报错
问题描述
本地拉去项目后,安装项目对应的包,执行 npm run dev ,报错
报错信息如下:
Error: Cannot find module 'webpack'
at Function.Module._resolveFilename (module.js:469:15)
at Function.Module._load (module.js:417:25)
at Module.require (module.js:497:17)
at require (C:\Users\Administrator\Desktop\node_modules\v8-compile-cache\v8-compile-cache.js:159:20
)
at Object.<anonymous> (C:\Users\Administrator\Desktop\node_modules\webpack-cli\bin\convert-argv.js:
7:42)
at Module._compile (C:\Users\Administrator\Desktop\node_modules\v8-compile-cache\v8-compile-cache.j
s:178:30)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.require (module.js:497:17)
网上的解决办法说
是因为“这是新版webpack存在的BUG,卸载现有的新版本webpack,装老版本就好。”
1、卸载:npm uninstall webpack-dev-server
2、安装对应版本:npm install webpack-dev-server@2.9.6
按照方法步骤执行后,报错依然存在。
原因分析:
经过问题排查,发现是npm 版本的问题。执行 npm -v 发现 版本为 8.1的。最新版本的npm 对包依赖不全影响到了。npm降到 6版本后,问题解决了。
解决方案:
前提需要在vscode中操作
- 先删除项目中的 node_modules
- 卸载原npm
npm uninstall npm -g
- 安装指定版本
npm install npm@6 -g
完成操作,执行 npm run dev 命令,问题解决。