Question

Angular 5 / cli。当我有一个样式url（styleUrls：['。/ home.component.css']）时一切都很好，但是当我向数组中添加一个公共样式表时（'../../styles.css'）我收到一个错误：

未捕获错误：预期“样式”为字符串数组。

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['../../styles.css', './home.component.css']
})

我很确定它是一个字符串数组。这有什么不对？

更新：添加到angular-cli.json的样式将生成合并的样式表文件。 不需要在组件styleUrls中包含常见的css。

...
"styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.css",
    "../node_modules/font-awesome/css/font-awesome.css",
    "./styles.css"
],
...

Answer 1

尝试在组件css文件中使用@import添加样式。例如，考虑下一个结构：

XX 345 dcf try

在“new_component.component.css”中，您可以使用：

src
|-app
   |-new_component
      |-new_component.component.ts
      |-new_component.component.html
      |-new_component.component.css
   | \\ etc.
|-style.css
| \\ etc.

Angular组件不会为样式采用字符串数组

1 个答案: