Angular Component перестает «читать» это CSS файл

Question

У меня есть приложение Angular 6, и один из моих компонентов внезапно прекратил "чтение" своего css-файла.

@Component({
selector: 'app-vendor-client-settings',
templateUrl: './vendor-client-settings.component.html',
styleUrls: ['./vendor-client-settings.component.css'],
animations: [SlideFromLeftAnimation]
})

файл, кажется, в порядке, имена совпадают.он не работает ни на ng serve, ни на сборке webpack.

что мне не хватает?

Спасибо

Answer 1

хорошо, так что я нашел проблему в коде - кто-то случайно вставил весь контент CSS в медиа-запрос.вот почему я не мог видеть ничего из этого.задача решена!

Answer 2

Вместо этого попробуйте добавить CSS в этот компонент динамически.То есть на Init

 ngOnInit() {
    this.loadStyle('your path');
 } 

     loadStyle(src)
  {
  let link = document.createElement('link');
  link.href = src;
  link.rel = 'stylesheet';
  link.type = 'text/css';
let head = document.getElementsByTagName('head')[0];
  let links = head.getElementsByTagName('link');
  let style = head.getElementsByTagName('style')[0];
  head.insertBefore(link, style);
  }