angular4 tour-of-heroes教程的heroes.component.css的私有样式不出来？

Question

照着官网的教程做到heroes的私有样式时出问题了，heroes.component.css这个组件的私有样式死活不出来，style.css这个全局样式没问题啊，同目录的heroes.component.html也没问题啊。装最新node，装最新angular-cli，改用npm install都试过了，就是不起作用。

@component是这样子的。

目录结构这样。也没有报错。
试过改成styles行内样式也不行。

搞不懂...求大神解答

Answer 1

你需要重新ng serve 启动一下

Answer 2

ng serve
还是不行

Answer 3

你解决了吗？我也碰到这问题。
style.css里的没问题。
别的css文件死活加载不了

Answer 4

component默认的style封装是ViewEncapsulation.Emulated, 改成None.

selector: '',
styleUrls: ['./.scss'],
encapsulation: ViewEncapsulation.None,