出现场景:
配置完成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安装配置(遇到各种问题的解决方法),虽然问题描述和我出现的不一样,但是抱着试一试的态度,结果还真的成功了,具体解决步骤如下:
- 如果是全局安装的webpack和webpack-cli,需要在当前项目中本地安装一次
npm i -s webpack webpack-cli
- 此时再运行
npx webpack-dev-server
,则会出现网上经常出现的问题:Error: Cannot find module 'webpack-cli/bin/config-yargs'
,解决的方式,网上也是比比皆是,降低webpack-cli版本
,或者使用npx webpack serve
运行等,我为了图方便就采取使用npx webpack serve
来进行运行。