[英]Since Angular Material2 beta7, the style is broken for AOT setups
[英]Angular Cli and AOT issues
我在项目中使用Angular CLI 1.4.1并希望使用AOT编译进行构建。 但是我面临两个问题:
1)我有Shop模块和注册组件。 在registration.component.css中我添加了一行
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
该文件存在于node_modules / @ angular / material / prebuilt-themes /文件夹中。 但是,当我运行AOT构建时,我收到错误消息:
Error: Compilation failed. Resource file not found: C:/library/src/app/shop/book-registration/~@angular/material/prebuilt-themes/indigo-pink.css
at ModuleResolutionHostAdapter.readResource (C:\library\node_modules\@angular\compiler-cli\src\compiler_host.js:387:19)
2)我有全局文件styles.css,它包含在.angular-cli.json中:
"styles": [
"styles.css"
]
当我运行开发构建时,页面上提供了此文件中的样式。 但是在AOT构建之后,未加载样式。
请指教。
从组件中删除导入
@import "~@angular/material/prebuilt-themes/indigo-pink.css";
并将此主题的引用添加到angular-cli.json中:
"styles" : [
"styles.css",
"../node_modules/@angular/material/prebuilt-themes/indigo-pink.css"]
并尝试再次运行服务
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.