html加载程序无法与网页包5+；AngularJs（适当的装载机）

我正在尝试使用html加载程序+webpack5加载AngularJs应用程序模板（html）。许多人放弃了templateCache，转而选择html加载器。但就我而言，我真的无法让它工作

我甚至还尝试了原始加载程序、angularjs模板加载程序和ngtemplate加载程序。但是webpack总是抱怨加载程序

错误： “模块分析失败：意外令牌（1:0） 您可能需要适当的加载程序来处理此文件类型，目前没有配置加载程序来处理此文件。请参阅

指令：

const directive = {
        restrict: "E",
        template: require("ROOT/app/views/templates/dataGrid.html"),
        controller: dataGridController,
        controllerAs: "vm",
        bindToController: true
  }
 return directive;

我在上面的webpack配置文件中尝试了注释选项，但都导致了相同的错误

My package.json:

module:{
  rules: [
           {
                test: /\.html$i/,
                loader: 'html-loader',
                // use: [
                //     // {
                //     //     loader: "ngtemplate-loader",
                //     //     options: {
                //     //         relativeTo: "src/",
                //     //     },
                //     // },

                //     // "ngtemplate-loader",
                //     // "raw-loader",
                //     {
                //         loader: "html-loader",
                //         options: {
                //             minimize: true,
                //         },
                //     },
                // ],
         },
  ]
}

Portion of devDependencies:

"devDependencies": {
    "@babel/cli": "^7.0.0",
    "@babel/core": "^7.11.1",
    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
    "@babel/preset-env": "^7.11.0",
    "angularjs-template-loader": "^0.1.2",
    "babel-loader": "^8.0.0",
    "html-loader": "^2.1.2",
    "ngtemplate-loader": "^2.1.0",
    "raw-loader": "^4.0.2",
    "speed-measure-webpack-plugin": "^1.5.0",
    "webpack": "^5.36.2",
    "webpack-cli": "^4.7.0",
    "webpack-dev-server": "^3.11.2",
    "webpack-merge": "^5.7.3"
  }

---

有人面临此问题吗？

我们通过将所有导入（如“/template.html”中的

import*作为templateName）替换为“/template.html”中的
import templateName）来解决此问题。希望这将对您有所帮助

Portion of devDependencies:

"devDependencies": {
    "@babel/cli": "^7.0.0",
    "@babel/core": "^7.11.1",
    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
    "@babel/preset-env": "^7.11.0",
    "angularjs-template-loader": "^0.1.2",
    "babel-loader": "^8.0.0",
    "html-loader": "^2.1.2",
    "ngtemplate-loader": "^2.1.0",
    "raw-loader": "^4.0.2",
    "speed-measure-webpack-plugin": "^1.5.0",
    "webpack": "^5.36.2",
    "webpack-cli": "^4.7.0",
    "webpack-dev-server": "^3.11.2",
    "webpack-merge": "^5.7.3"
  }