webpack Html-webpack-plugin报错: Error: Child compilation failed

报错

ERROR in   Error: Child compilation failed:
  Module not found: Error: Can't resolve 'D:\练习\webpack\index.html' in 'D:\练习\webpack'
  ModuleNotFoundError: Module not found: Error: Can't resolve 'D:\练习\webpack\index.html' in 'D:\练习\webpack'
      at D:\练习\webpack\node_modules\webpack\lib\Compilation.js:2016:28
      at D:\练习\webpack\node_modules\webpack\lib\NormalModuleFactory.js:798:13
      at eval (eval at create (D:\练习\webpack\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:10:1)       
      at D:\练习\webpack\node_modules\webpack\lib\NormalModuleFactory.js:270:22
      at eval (eval at create (D:\练习\webpack\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:9:1)        
      at D:\练习\webpack\node_modules\webpack\lib\NormalModuleFactory.js:434:22
      at D:\练习\webpack\node_modules\webpack\lib\NormalModuleFactory.js:116:11
      at D:\练习\webpack\node_modules\webpack\lib\NormalModuleFactory.js:670:25
      at D:\练习\webpack\node_modules\webpack\lib\NormalModuleFactory.js:855:8
      at D:\练习\webpack\node_modules\webpack\lib\NormalModuleFactory.js:975:5


1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
webpack 5.72.0 compiled with 2 errors in 167 ms

主要是因为index.html路径出问题导致的

const HtmlWebpackPlugin = require("html-webpack-plugin")

module.exports = {

    plugins:[

        new HtmlWebpackPlugin({

              template:"./index.html",

        })

    ]

}

把template里的路径改成src下的index 


const HtmlWebpackPlugin = require("html-webpack-plugin")

module.exports = {

    plugins:[

        new HtmlWebpackPlugin({

             template:"./scr/index.html",

        })

    ]

}

  • 7
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值