Module Error (from ./node_modules/html-loader/dist/cjs.js) webpack 配置时的坑

最新推荐文章于 2024-05-07 16:07:50 发布

想哥找茬

最新推荐文章于 2024-05-07 16:07:50 发布

阅读量3k

点赞数 2

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/weixin_36508680/article/details/118232507

版权

前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

安装html-loader 后发现报错

ERROR in   Error: Child compilation failed:
  Module Error (from ./node_modules/html-loader/dist/cjs.js):
  HtmlSourceError: Bad value for attribute "href" on element "link": Must be non-empty (From line 13, column 32; to line 13, column 39)
  ModuleError: Module Error (from ./node_modules/html-loader/dist/cjs.js):
  HtmlSourceError: Bad value for attribute "href" on element "link": Must be non-empty (From line 13, column 32; to line 13, column 39)
      at Object.emitError (H:\code\webpack\testWebpack\webpack-demo\node_modules\webpack\lib\NormalModule.js:550:6)
      at Object.loader (H:\code\webpack\testWebpack\webpack-demo\node_modules\html-loader\dist\index.js:53:10)
  
  - NormalModule.js:550 Object.emitError
    [webpack-demo]/[webpack]/lib/NormalModule.js:550:6
  
  - index.js:53 Object.loader
    [webpack-demo]/[html-loader]/dist/index.js:53:10
  
  - child-compiler.js:169 
    [webpack-demo]/[html-webpack-plugin]/lib/child-compiler.js:169:18
  
  - Compiler.js:538 
    [webpack-demo]/[webpack]/lib/Compiler.js:538:11
  
  - Compiler.js:1106 
    [webpack-demo]/[webpack]/lib/Compiler.js:1106:17
  
  
  - Hook.js:18 Hook.CALL_ASYNC_DELEGATE [as _callAsync]
    [webpack-demo]/[tapable]/lib/Hook.js:18:14
  
  - Compiler.js:1102 




    [webpack-demo]/[webpack]/lib/Compiler.js:1102:33
  
  - Compilation.js:2249 finalCallback
    [webpack-demo]/[webpack]/lib/Compilation.js:2249:11
  
  - Compilation.js:2540 
    [webpack-demo]/[webpack]/lib/Compilation.js:2540:11
  
  
  - Hook.js:18 Hook.CALL_ASYNC_DELEGATE [as _callAsync]
    [webpack-demo]/[tapable]/lib/Hook.js:18:14
  


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

我的html 页面内容是：

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]>      <html class="no-js"> <![endif]-->
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="">
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
        <img src="./../assign/bibao.jpg" alt="">

        <h1 id="title">测试webpack</h1>
    </body>
</html>

出现错误的地方是：这里的href 不能为空，一旦为空就不能正常打包html 文件的图片路径，这应该算webpack的一个bug。

想哥找茬

关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
Module Error (from ./node_modules/html-loader/dist/cjs.js) webpack 配置时的坑

安装html-loader 后发现报错ERROR in Error: Child compilation failed: Module Error (from ./node_modules/html-loader/dist/cjs.js): HtmlSourceError: Bad value for attribute "href" on element "link": Must be non-empty (From line 13, column 32; to line 13, col
复制链接

扫一扫

专栏目录