Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular2与网页包制作:;未能加载app/app.component.html“;_Angular_Webpack - Fatal编程技术网

Angular2与网页包制作:;未能加载app/app.component.html“;

Angular2与网页包制作:;未能加载app/app.component.html“;,angular,webpack,Angular,Webpack,我的项目是基于。它目前使用的是angular2rc.4和webpack1.13.1。如果我在开发模式下运行它,一切都会正常工作 但如果在生产模式下运行,则由于get,我无法加载app/app.component.html异常http://localhost:8080/app/app.component.html 404(未找到) 我检查了文件和文件。prod配置没有什么特别之处,html加载程序实际上位于共享的webpack.common.js文件中。我正在寻求有关如何调试此问题的帮助。an

我的项目是基于。它目前使用的是
angular2rc.4
webpack1.13.1
。如果我在开发模式下运行它,一切都会正常工作

但如果在生产模式下运行,则由于
get,我无法加载app/app.component.html
异常http://localhost:8080/app/app.component.html 404(未找到)


我检查了文件和文件。prod配置没有什么特别之处,html加载程序实际上位于共享的
webpack.common.js
文件中。我正在寻求有关如何调试此问题的帮助。

angular2 webpack初学者使用
angular2模板加载器来跟踪html和样式依赖关系,据我所知,最后将组件中的
templateUrl:
属性更改为
template:
属性,并实际将HTML文件内联到那里。所以你的应用甚至不应该调用html文件。您是否更改了公共配置文件以删除
angular2模板加载程序
?它位于公共配置()的第143行


另外,请确保您的tsconfig.json已为awesome加载程序正确设置,因为
angular2模板加载程序
需要将
useWebpackText
属性设置为true。请参见此处(在Requirements下):

angular2 webpack初学者使用
angular2模板加载器
跟踪html和样式依赖关系,据我所知,最终将组件中的
模板URL:
属性更改为
模板:
属性,并实际将html文件内联在那里。所以你的应用甚至不应该调用html文件。您是否更改了公共配置文件以删除
angular2模板加载程序
?它位于公共配置()的第143行


另外,请确保您的tsconfig.json已为awesome加载程序正确设置,因为
angular2模板加载程序
需要将
useWebpackText
属性设置为true。请参见此处(在“要求”下):

谢谢。结果是我错过了
angular2模板加载器
。顺便说一下,我必须用
templateUrl:'.app.component.html'、
替换
template:require('./app.component.html')、
,然后浏览将不再尝试加载
.html
文件。@BingLu使用
require
不仅是必要的
require
将导入/注入文件的内容。但是angular希望在幕后使用
angular2模板加载器做什么。只需将
angular2模板加载器
添加到网页包加载器。文件webpack.common.js:
loaders:['ts','angular2 template loader']
谢谢。结果是我错过了
angular2模板加载器
。顺便说一下,我必须用
templateUrl:'.app.component.html'、
替换
template:require('./app.component.html')、
,然后浏览将不再尝试加载
.html
文件。@BingLu使用
require
不仅是必要的
require
将导入/注入文件的内容。但是angular希望在幕后使用
angular2模板加载器做什么。只需将
angular2模板加载器
添加到网页包加载器。文件webpack.common.js:
loaders:['ts','angular2 template loader']