webpack里 : Cannot find module webpack的错误

关于webpack里 Error: Cannot find module 'webpack’的错误
以及npm ERR! Refusing to install package with name “webpack” under a package的错误

我在运行npx webpack-dev-server(启动devserver)中遇到这个错误
这个问题部分初学者应该也会碰到
webpack环境:4.43.0

internal/modules/cjs/loader.js:1032
  throw err;
  ^

Error: Cannot find module 'webpack'
Require stack:
- F:\front-end study\vue\webpack_study\node_modules\webpack-dev-server\bin\webpack-dev-server.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:1029:15)
    at Function.Module._load (internal/modules/cjs/loader.js:898:27)
    at Module.require (internal/modules/cjs/loader.js:1089:19)
    at require (internal/modules/cjs/helpers.js:73:18)
    at Object.<anonymous> (F:\front-end study\vue\webpack_study\node_modules\webpack-dev-server\bin\webpack-dev-server.js:12:17)
    at Module._compile (internal/modules/cjs/loader.js:1200:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1220:10)
    at Module.load (internal/modules/cjs/loader.js:1049:32)
    at Function.Module._load (internal/modules/cjs/loader.js:937:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:71:12) {
  code: 'MODULE_NOT_FOUND',

经排查发现由以下原因造成:

1.没全局安装webpack和webpack-cli
安装以下命令即可:

npm install webpack -g
npm install webpack-cli -g

2.没把包名添加到上 package.json 的 devDependencies 中

注意红圈地方的 devDependencies 里并没有webpack和webpack-cli

安装以下命令解决:

npm install webpack -D
npm install webpack-cli -D

3.如运行以上npm install webpack -D或npm install webpack-cli -D命令时发生 Refusing to install package with name “webpack” under a package错误

这是因为你npm init初始化配置文件把项目名称设置成webpack了

解决方法:
到package.json文件中将红圈中的webpack改个名字再安装就行了~~

第一次写博客,如果有错欢迎指教~~