angularjs - html-Loader 不适用于 Webpack 5 + AngularJs(适当的加载器)
问题描述
我正在尝试使用html-loader + webpack 5加载 AngularJs 应用程序模板(html) 。许多人抛弃了模板缓存,偏向于 html-loader。但就我而言,我真的无法让它发挥作用。
我什至也尝试过 raw-loader、angularjs-template-loader 和 ngtemplate-loader。但是 webpack 总是抱怨 loader。
错误:“模块解析失败:意外令牌 (1:0) 您可能需要适当的加载程序来处理此文件类型,目前没有配置加载程序来处理此文件。请参阅https://webpack.js.org/concepts#loaders "
> <div class="panel">
| <div class="panelContent gridContainer">
| <div class="dataGridHeader">
这是我的 weback.config.js:
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,
// },
// },
// ],
},
]
}
指令:
const directive = {
restrict: "E",
template: require("ROOT/app/views/templates/dataGrid.html"),
controller: dataGridController,
controllerAs: "vm",
bindToController: true
}
return directive;
我在上面的 webpack 配置文件中尝试了注释选项,但都导致了相同的错误。
我的 package.json:
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"
}
有人面临这个问题吗?
解决方案
我们能够通过将所有导入替换import * as templateName from './template.html'
为import templateName from './template.html
. 希望这会对您有所帮助。
推荐阅读
- xml - 检查值以在 SAPUI5 中设置“可见”
- tsql - 我的sql有3个游标,我觉得太多了,有没有更好的办法?
- python - 您如何使用 MultiplyNumeric 将日期转换为同一表的权重和值?
- mysql - 在sql查询中使用变量插入语句
- angular - 如何在有角度的谷歌地图信息窗口中添加的按钮上添加点击事件?
- python - 如何序列化 CSR 矩阵
- python - Panda.run_sql_query for where .. in .. 结构?
- vb.net - 无法访问 vb.net 中 ExcelDrawing(epplus 的)类的某些属性
- asp.net-core - 未达到 OpenIdConnectEvents.OnTokenValidated
- ruby-on-rails - Rails 转换 yyyy-MM-dd'T'HH:mm:ssZ 到日期