如何创建外部CSS以及如何在组件中调用它？

Question

Hiii，我想创建一个外部css并让它调用一个组件。下面的代码只给了我，但它显示了一些错误，我也在下面提到过。检查它并告诉我，我犯了一个错误和解决方案。

import {Component} from '@angular/core'; 
    @Component({
      templateUrl: './admin.html',
       styleUrls: ['./app/admin/admin.css']

    })
    export class AdminComponent {
      constructor() {
      //  console.log('Admin Component');
      }
    }

错误

./src/app/admin/admin.component.ts中的错误找不到模块：错误：无法解析'/ home / volumata / App UI / 7-5-中的'./app/admin/admin.css' 18 / EagleTru_May072018 / SRC /应用/管理

Answer 1

由于您提供相对路径，因此无法使用。你应该提供绝对路径。如下。

import {Component} from '@angular/core'; 
    @Component({
      templateUrl: './admin.html',
       styleUrls: ['app/admin/admin.css']

    })
    export class AdminComponent {
      constructor() {
      //  console.log('Admin Component');
      }
    }

希望能帮助到你..

Answer 2

这里的问题是你的相对路径是错误的。假设您的css与component.ts位于同一位置，您的相对路径必须如下所示：

@Component({
  templateUrl: './admin.html',
   styleUrls: ['./admin.css']

})