Css 使用StyleURL在AngularJS2中导入样式

当我在Angularjs2中的index.html文件中使用样式链接时，如下所示，该界面工作正常：

<link rel="stylesheet" type="text/css" href="src/path/to/css/global.css"  />

我可以看到样式已导入页面（使用样式标记），但程序无法读取它。我有几个css文件，我想以这种方式包含它们。

---

有什么想法吗？

这个

样式URL

路径是相对于组件

ts

文件的。我想你需要把一些文件夹放上去。比如：

---

styleUrls:['../../css/global.css

如果您使用的是Webpack，则可能缺少

angular2模板加载程序。类似以下内容：


{
测试：/\.ts$/,，
使用：[
“很棒的类型脚本加载程序”，
“angular2模板加载器”
]
},
从路径中删除“src”。使用样式URL:['app/myComponent/css/global.css']
尝试使用“./src/path/to/css/global”。css@Malwaregeek我试过了，但没用。你的css文件夹和html文件夹在同一级别吗？在这种情况下，请尝试
/global.css
，但最终我们需要查看你的文件夹structure@Bean0341css文件位于/src/app/myComponent/css中css文件夹，除非它引发错误。现在你的html的确切路径是什么？组件文件夹有一个名为css的文件夹。所以，我应该是这样的-->'css/global.css'或'/css/global.css'。无论如何，如果我向上走，它就不起作用。好的，我不确定如何帮助你，因为我没有足够的关于你的项目的信息。我有GitHub上的Angular2初学者工具包项目，我在其中使用stylesUrl。您可以查看一下，并找出您的问题所在。否则，如果您的项目托管在GitHub上，只需发布链接，我就会帮您解决。另外，请查看官方文档：它尚未上载到GitHub上。我不认为它会重新发布ally取决于我项目的结构。正如我所提到的，项目使用的是链接标记，它也遵循相对路径。
    @Component({
       selector: 'app-d3',
       templateUrl: './my.component.html',
       styleUrls: [
              'src/path/to/css/global.css',
       ]
    });