项目场景：

新项目本地运行报错

---

问题描述

本地拉去项目后，安装项目对应的包，执行 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中操作

1. 先删除项目中的 node_modules
2. 卸载原npm

npm uninstall npm -g

3. 安装指定版本

npm install npm@6 -g

完成操作，执行 npm run dev 命令，问题解决。