Angular-CLI/Angular2:非标准字符只能在 index.html 中正确加载,不能通过 ng serve 在组件中正确加载
Angular-CLI/Angular2: Non-standard chars only load correctly in index.html, not in components via ng serve
在我的 Angular2 应用程序中:当我使用 "ng serve" 或 "ng build" 扩展字符时,组件中未正确呈现。直接在 index.html 中扩展字符工作正常。
我怀疑这与文件的保存和服务方式有关,但我是 ng2、webpack 和 CLI 的新手,所以还不确定如何测试该理论。
index.html 中的字符集设置为 "charset=UTF-8",如果我在浏览器中捆绑之前查看单个组件 HTML 页面,它会正确呈现。
重现步骤:
- 将 "Próximamente" 复制并粘贴到 Index.html 输出区域,以及组件的模板中。
- 运行"ng-serve"。
- index.html 中的会正确呈现,但模板中的不会
- 注意:部署的 Prod ng 构建输出也会发生同样的情况
版本
- Chrome: 53.0.2785.143 米
- Angular: 2.1.0
- Windows: 10
- Webpack:2.1.0 测试版 25
- Angular-CLI:1.0.0 测试版 18
确保 .ts
个文件(模板)的内容也以 UTF-8 编码。换句话说 - index.html
的 charset
应该匹配服务文件的真实物理编码。
PS:您可以在文本编辑器中轻松检查实际编码 MS VSC、Notepad++、file -i *
等
在我的 Angular2 应用程序中:当我使用 "ng serve" 或 "ng build" 扩展字符时,组件中未正确呈现。直接在 index.html 中扩展字符工作正常。
我怀疑这与文件的保存和服务方式有关,但我是 ng2、webpack 和 CLI 的新手,所以还不确定如何测试该理论。
index.html 中的字符集设置为 "charset=UTF-8",如果我在浏览器中捆绑之前查看单个组件 HTML 页面,它会正确呈现。
重现步骤:
- 将 "Próximamente" 复制并粘贴到 Index.html 输出区域,以及组件的模板中。
- 运行"ng-serve"。
- index.html 中的会正确呈现,但模板中的不会
- 注意:部署的 Prod ng 构建输出也会发生同样的情况
版本
- Chrome: 53.0.2785.143 米
- Angular: 2.1.0
- Windows: 10
- Webpack:2.1.0 测试版 25
- Angular-CLI:1.0.0 测试版 18
确保 .ts
个文件(模板)的内容也以 UTF-8 编码。换句话说 - index.html
的 charset
应该匹配服务文件的真实物理编码。
PS:您可以在文本编辑器中轻松检查实际编码 MS VSC、Notepad++、file -i *
等