添加组件后，Angular 4无法加载scss

Question

我的Angular 4网络应用程序中出现了这样的错误。

在我使用cli生成upload-button组件之后发生了这种情况，复制并发布了来自其他组件的一些代码＆h;＆amp; amp; scss文件到upload-button.component.html和upload-button.component.scss，错误突然出现在我的浏览器控制台中，我的所有应用都空白，只有纯白色屏幕。从那时起，我甚至都没有触及任何.ts文件。

该错误表示该应用无法加载我新制作的组件的scss，但当我查看“源”面板时，该组件将完全加载到浏览器中。

我已经删除了该组件，甚至创建了一个新项目并将所有src/app内容复制到新项目的相同路径中，但仍然显示该消息。

这是我的Angular版本

Angular CLI: 1.5.2
Node: 7.9.0
OS: darwin x64
Angular: 5.0.2
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

P.S。我没有改变任何Webpack配置。

请告知。

Answer 1

检查你的StyleUrls是否正确加载。

@Component({
  selector: 'app-test',
  templateUrl: './test.component.html',
  styleUrls: ['./test.component.scss']
})

Answer 2

重新检查完所有组件后，我在其中一个组件中发现了错误的<link href="...">。我不确定它是怎么回事，但我很高兴应用程序再次回来。