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中的错误找不到模块：错误：无法解决＆＃39; ./ app / admin / admin.css＆＃39;在＆＃39; / home / volumata / App UI / 18年7月5日/ EagleTru_May072018 / SRC /应用/管理＆＃39;

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']

})

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

2 个答案: