Error: Cannot find module ‘webpack‘

出现场景:
配置完成webpack-dev-server之后,开始兴高采烈使用npx web-dev-server运行的时候,出现了以下的错误:

E:\前端\nodejs\实践\js\webpack_01>npx webpack-dev-server
internal/modules/cjs/loader.js:883
  throw err;
  ^

Error: Cannot find module 'webpack'
Require stack:
- E:\前端\nodejs\实践\js\node_modules\webpack-dev-server\bin\webpack-dev-server.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
    at Function.Module._load (internal/modules/cjs/loader.js:725:27)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at Object.<anonymous> (E:\前端\nodejs\实践\js\node_modules\webpack-dev-server\bin\webpack-dev-server.js:12:17)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12) {
    
    
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'E:\\前端\\nodejs\\实践\\js\\node_modules\\webpack-dev-server\\bin\\webpack-dev-server.js'
  ]
}

主要问题:Error: Cannot find module 'webpack',找不到webpack??,然后在网上去找了一波资料,大家的问题都是Error: Cannot find module 'webpack-cli/bin/config-yargs',我以为是版本更新之后错误提醒信息也改了,然后按照网上资料一通修正,结果依然是找不到webpack,懵圈…
万幸,看到了一篇文章:webpack和webpack-dev-server安装配置(遇到各种问题的解决方法),虽然问题描述和我出现的不一样,但是抱着试一试的态度,结果还真的成功了,具体解决步骤如下:

  1. 如果是全局安装的webpack和webpack-cli,需要在当前项目中本地安装一次
npm i -s webpack webpack-cli
  1. 此时再运行npx webpack-dev-server,则会出现网上经常出现的问题:Error: Cannot find module 'webpack-cli/bin/config-yargs',解决的方式,网上也是比比皆是,降低webpack-cli版本,或者使用npx webpack serve运行等,我为了图方便就采取使用npx webpack serve来进行运行。

猜你喜欢

转载自blog.csdn.net/chen__cheng/article/details/115264471