Я использую html -loader для анализа html файла img, но он не может не работать

Question

Код ошибки:

Ошибка в ошибке: F: \ WorkingPlace \ WebPanorama \ Server / node_modules / style-loader / dist / runtime / injectStylesIntoStyleTag. js ?: 93 var style = document.createElement ( 'стиль'); ^ ReferenceError: документ не определен

• injectStylesIntoStyleTag. js ?: 93 insertStyleElement [.] / [Style-loader] /dist/runtime/injectStylesIntoStyleTag.js ?: 93 : 15

• injectStylesIntoStyleTag. js ?: 208 addStyle [.] / [Style-loader] /dist/runtime/injectStylesIntoStyleTag.js ?: 208: 13

• injectStylesIntoStyleTag. js ?: 81 modulesToDom [.] / [Style-loader] /dist/runtime/injectStylesIntoStyleTag.js ?: 81: 18

• injectStylesIntoStyleTag. js ?: 239 module.exports [.] / [Style-loader] /dist/runtime/injectStylesIntoStyleTag.js ?: 239: 25

• index. css ?: 15 eval F: \ WorkingPlace \ WebPanorama \ Server / src / css / index. css ?: 15: 14

• index. html : 190 Object ../ src / css / index. css F: /WorkingPlace/WebPanorama/Server/src/html/index.html: 190: 1

• index . html: 21 webpack_require F: /WorkingPlace/WebPanorama/Server/src/html/index.html: 21: 30

• загрузчик. js: 4 eval [index. html ?.] / [html -webpack-plugin] /lib/loader.js:4: 72

• index. html: 144 Module ../ node_modules / html -webpack-plugin / lib / loader. js! ./ src / html / index. html F: /WorkingPlace/WebPanorama/Server/src/html/index.html: 144: 1

• index. html: 21 webpack_require F: /WorkingPlace/WebPanorama/Server/src/html/index.html: 21: 30 ...

Вот мой webpack.config. js:

//import html from './src/html/index.html';
//const {html}=require('./src/html/index.html');
const {resolve}=require('path');
const webpack=require('webpack');
const HtmlwebpackPlugin=require('html-webpack-plugin');


module.exports={
    entry:'./src/js/index.js',
    output:{
        filename:'bundle.js',
        path:resolve(__dirname ,'build')
    },
    module:{
        rules:
        //loader设置
        [   
             {
                test:/\.less$/,
                use:['style-loader','css-loader','less-loader']
             },
            //css loader
             {
              test:/\.css$/,
              use:['style-loader','css-loader']
               },
  
             {
                test: /\.(jpg|png|gif)$/,
                loader: 'url-loader',
                options: {
                  limit: 8 * 1024,
                  name: '[hash:10].[ext]',
                  esModule: true,
                  outputPath: 'img'
                }
            } 
           ,{
            test: /\.html$/,
            use:[
              {
                loader:"html-loader",
                options:{minimize:true,esModule:true}
              }
            ]
            }
        ]
    },
    resolve: {
        alias: {
          $css: resolve(__dirname, 'src/css')
        },
        extensions: ['.js', '.json', '.jsx', '.css'],
        modules: [resolve(__dirname, '../../node_modules'), 'node_modules']
      },
    plugins:
    [
        new HtmlwebpackPlugin(
            {
                template:'./src/html/index.html',
            }
        )
    ],
    mode:'development',
    //开发服务器devServer：用来自动化（自动编译）
    //启动devServer的指令为：npx webpack-dev-server
    devServer:{
        contentBase:resolve(__dirname,'build'),  
        watchOptions: {
            // 忽略文件
            ignored: /node_modules/
          },
        compress:true,
        port:3000,
        host:'localhost',
        clientLogLevel: 'none', 
        open:true,
        hot:true    
    }
};

веб-пакет: ^ 4.42.1 nodejs: ^ 12.16.1 npm: 6.13.4