Angular2-将css文件实现到组件中

Question

我的组件中有以下内容：

@Component({
selector: 'Leaders',
template: require('./Leaders.component.html'),
styleUrls: ['./bootstrap.component.css']
})

在我将此样式表添加到其中之前，组件正在加载。当我开始运行我的Web应用程序时，它会说“无法读取我的css文件所在的URL”。此css文件与我的Leader html页面位于同一文件夹中，但它无法找到该文件。我做错了什么，我该如何解决？

Answer 1

我无法发表评论我会将此作为答案。

在require(...)中使用template是否有特定原因。

如果没有，请尝试此操作并确保您的css文件名拼写正确：

 @Component({
    selector: 'Leaders',
    templateUrl: './Leaders.component.html',
    styleUrls: ['./bootstrap.component.css']
 })

希望这有帮助！

Answer 2

您使用的是旧版Angular2。对于较新版本，使用的语法是：

  templateUrl: './test.component.html',
  styleUrls: ['./test.component.css']

注意没有require()不应该存在。