Html 角度4将circle.css加载到文档&x2019；s头部

我正在使用Angular 4，我想使用circle.css from。 我从链接下载文件，将circle.css放在我的something组件文件中，但当我使用

在我的something.component.html中

我得到一个错误：

zone.js:654未处理承诺拒绝：加载circle.css失败；区域：；任务：承诺；值：无法加载circle.css 未定义*使用 css文件circle.css在我的组件中

---

我对您的体系结构一无所知，但是，假设您使用的是Angular CLI，并且您已经编写了

ng generate component testComponent--module app

命令

现在，项目中的测试组件文件夹下应该有一些文件：

• test-component.component.ts
• test-component.component.html
• test-component.component.css
• test-component.component.spec.ts

文件：测试组件.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-test-component',
  templateUrl: './test-component.component.html',
  styleUrls: ['./test-component.component.css']
})
export class TestComponentComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

因此，您可以点击“test component”文件夹中的circle.css文件中的目标导入，并将其添加到styleUrls组件的列表中

styleUrls:['./test component.component.css'，'./circle.css']

---

希望对您有所帮助

我对您的体系结构一无所知，但是，假设您使用的是Angular CLI，并且您已经编写了

ng generate component testComponent--module app

命令

现在，项目中的测试组件文件夹下应该有一些文件：

• test-component.component.ts
• test-component.component.html
• test-component.component.css
• test-component.component.spec.ts

文件：测试组件.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-test-component',
  templateUrl: './test-component.component.html',
  styleUrls: ['./test-component.component.css']
})
export class TestComponentComponent implements OnInit {

  constructor() { }

  ngOnInit() {
  }

}

因此，您可以点击“test component”文件夹中的circle.css文件中的目标导入，并将其添加到styleUrls组件的列表中

styleUrls:['./test component.component.css'，'./circle.css']

---

希望对您有所帮助

您必须使用该文件的相对路径，Webpack将考虑如何为您解析绝对路径。

---

如果该文件存在于同一文件夹中，则尝试使用

/circle.css

代替

circle.css

，如果它位于兄弟样式文件夹中，则可以编写

。/style/circle.css

如果必须使用该文件的相对路径，则Webpack将考虑如何为您解析绝对路径。

---

如果文件存在于同一文件夹中，则尝试使用

/circle.css

代替

circle.css

，如果它位于兄弟样式文件夹中，则可以编写

。/style/circle.css

您是否将其放入index.html的

中？是否将其放入index.html的

中？