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服务或webpack构建。

我想念什么？

谢谢

Answer 1

请尝试动态地在此组件中添加CSS，而不是这样做。那是在

 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);
  }

Answer 2

好的，所以我在代码中发现了问题-有人不小心将所有CSS内容插入了媒体查询中。那就是为什么我什么都看不到的原因。问题解决了！

Angular Component停止“读取”它的CSS文件

2 个答案: