已经安装了html-webpack-plugin,还是报错：Error: Cannot find module 'html-webpack-plugin'

最新推荐文章于 2025-10-17 07:38:05 发布

原创最新推荐文章于 2025-10-17 07:38:05 发布 · 3.4w 阅读

14 ·

CC 4.0 BY-SA版权

Webpack 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了解决Webpack配置文件移动到build目录后导致html-webpack-plugin模块找不到的问题。通过重新安装html-webpack-plugin并更新npm script，成功解决了构建错误。

之前项目目录是：
在这里插入图片描述
运行起来一切成功，后来新建了build文件目录，并且将webpack.config.js移动到了build文件中，

package.json中的script:

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "node ./src/koa.js",
    "build": "webpack --config ./build/webpack.config.js"
  },

配置好了之后，运行

$ npm run build

结果报错提示：
在这里插入图片描述

发现找不到html-webpack-plugin模块，其实是因为移动了webpack.config.js配置文件的原因，因为之前是在项目的根目录下，现在移动到了build文件下，所以运行webpack.config.js就找不到里面的模块了，
可以重新安装一遍

$ npm install html-webpack-plugin --save-dev

然后在运行 npm run build，就可以了。