导入css时，角度组件显示错误，没有此类文件或目录

Question

我正在创建一个角度组件，并且在资产文件夹中粘贴了所有js和额外的CSS文件。但是，当我尝试在特定组件中导入css文件时，它显示错误，找不到这样的文件或目录，例如当我单击ctrl + click时它会转到正确的路径，但在编译过程中会显示此错误。

我尝试添加绝对路径，但仍然无法解决问题

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

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

  constructor() { }

  ngOnInit() {
  }

}

@import '/src/assets/fonts/font-awesome-4.7.0/css/font-awesome.min.css';

Answer 1

将文件添加为资产时，它将使其在整个应用程序中都可用。

例如，这是您的style.scss文件所发生的情况。

如果已将其添加到资产中，则只需考虑其完整性即可在所有组件中使用。

这意味着您现在可以在任何组件模板中使用超棒的所有字体类别，而不必担心导入它。