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']