Html 通过网页包忽略Angular 5 templateUrl

所以我有两个项目，第一个是一个包含可重用资产的实用程序项目，包括定制服务和角度组件。第二个是一个客户端项目，它将通过node_模块使用这个实用程序项目

我目前正在使用Angular 5.1.1和Webpack 3.10.0通过AOT构建，并通过Webpack将其绑定到一个名为bundle.js的文件中

utilities项目是作为commonjs构建和ngc（aot）5.1.1构建的，因此utilities项目的输出是一个可重用的aot模块。问题在于客户端及其生成的bundle.js文件。utilties项目包含使用templateUrl/StyleURL的角度组件，以及每个组件的html和css文件的相对路径。当我构建客户端时（通过node_模块使用此实用程序的构建版本），webpack根本没有引用每个组件的实用程序项目的html部分，因此bundle.js中缺少它

Webpack确实成功导入了utilities模块和服务，但templateUrl和StyleUrl保持不变。因此，当我引导到浏览器时，它抱怨的文件是在实用程序（节点模块）中循环的html文件

我的网页在下面

const path=require（'path'）；
module.exports={
条目：'./main.ts'，
输出：{
文件名：“bundle.js”，
sourceMapFilename:“bundle.js.map”，
path:path.resolve（uu dirname，'dist'）
},
决心：{
扩展名：['.ts'，'.js']，
别名：{
}
},
模块：{
规则：[
{
测试：/\.ts$/,，
加载器：['awesome-typescript-loader'，'angular2模板加载器']，
不包括：[/\（规范e2e）\.ts$/]，
},
{
测试：/\.html$/,，
加载器：“html加载器”，
},
{
测试：/\（png | jpe？g | gif | svg | woff | woff2 | ttf | eot | ico）$/，
加载器：“文件加载器？名称=assets/[name].[hash].[ext]”
},
{
测试：/\.css$/,，
加载器：['raw-loader'，'style-loader'，'css-loader']
},
]
},
};我用
'template'
而不是
@Component
中的
'templateUrl'
解决了这个问题。
参考
我认为问题是使用angular2模板加载器，并使用
模板URL
加载模板。angular2模板加载器声称它可以通过下面链接中解释的方法从URL加载模板。