webpack 打包運行react項目報錯HtmlWebpackPlugin is not defined解決方案

運行yarn webpack打包項目報錯HtmlWebpackPlugin is not defined,采坑過程升級webpack-cli版本、降低webpack版本都沒有作用,我的項目中使用的是webpack5版本。


image.png

解決方案:
在webpack.config.js 文件中

const HtmlwebpackPlugin = require("html-webpack-plugin");
...
plugins: [
    new HtmlwebpackPlugin ({
      // template: "./index.html", //指定模板路徑
      filename: "./dist/index.html", //指定文件名
    }),
  ],
改為
const htmlWebpackPlugin = require("html-webpack-plugin");
...
  plugins: [
    new htmlWebpackPlugin({
      // template: "./index.html", //指定模板路徑
      filename: "./dist/index.html", //指定文件名
    }),
  ],

首先確保安裝webpack、webpack-cli、html-webpack-plugin 才可啟動成功

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容