Error: Cannot find module ‘webpack‘

最新推荐文章于 2025-04-14 15:06:19 发布

chen__cheng

最新推荐文章于 2025-04-14 15:06:19 发布

阅读量3.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： # webpack 文章标签： webpack

本文链接：https://blog.youkuaiyun.com/chen__cheng/article/details/115264471

webpack 专栏收录该内容

10 篇文章

订阅专栏

在配置并尝试运行webpack-dev-server时，遇到了`Error: Cannot find module 'webpack'`的问题。经过搜索和尝试，发现即使修正了类似`webpack-cli/bin/config-yargs`的错误，仍然无法解决。最终，通过在项目本地安装webpack和webpack-cli解决了问题。运行`npm i -s webpack webpack-cli`后，如果出现`Error: Cannot find module 'webpack-cli/bin/config-yargs'`，可以考虑降低webpack-cli版本或使用`npx webpack serve`启动项目。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

出现场景：
配置完成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来进行运行。