Question

我正在使用Angular 4，我想使用cssscript中的circle.css。我从链接下载文件，将circle.css放在我的东西组件文件中但是当我使用
时 <link rel="stylesheet" href="circle.css">

在我的something.component.html中。

我收到错误：

zone.js：654未处理的承诺拒绝：无法加载circle.css;区域：;任务：Promise.then;值：无法加载circle.css undefined *我需要遵循哪些正确的步骤才能使用我的组件中的css文件circle.css ??

Answer 1

我对您的架构一无所知，但假设您正在使用Angular-CLI并且您已编写ng generate component testComponent --module app命令

您现在应该在test-component文件夹下的项目中有一些文件：

测试component.component.ts
测试component.component.html
测试component.component.css
测试component.component.spec.ts

file： test-component.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() {
  }

}

所以你可以在＆＃34;测试组件＆＃34;中点击目标导入。将circle.css文件夹入文件夹并添加到styleUrls组件styleUrls: ['./test-component.component.css','./circle.css']

的列表中

希望有所帮助

Answer 2

您必须使用该文件的相对路径，Webpack将考虑如何为您解析绝对路径。如果文件存在于同一文件夹中，请尝试使用<div class="b messMess myTab" hidden="hidden"> {% if answers %} {% for answer in answers %} Answer on{{ answer.question }}<br /> {% endfor %} {% endif %} </div>代替./circle.css，如果相反，它可以在兄弟 styles 文件夹中编写circle.css。< / p>

Angular 4在文档的头部

2 个答案: