Angular Cli和AOT问题

时间:2017-09-14 09:37:10

标签: css angular angular-aot

我在项目中使用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构建之后,不会加载样式。

请建议。

1 个答案:

答案 0 :(得分:0)

从您的组件中删除导入

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

并将此主题的引用添加到angular-cli.json:

"styles" : [
  "styles.css",
  "../node_modules/@angular/material/prebuilt-themes/indigo-pink.css"]

并尝试再次运行服务