Angular2-實現CSS文件到組件

Question

我有我的組件如下：

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

組件被加載罰款之前，我添加了這個樣式表吧。當我試圖運行我的web應用程序時，它說「無法讀取我的css文件所在的URL」。這個CSS文件與我的Leader HTML頁面在同一個文件夾中，但它無法找到該文件。我做錯了什麼，我該如何解決它？

Answer 1

您正在使用舊版本的Angular2。對於新版本所使用的語法是：

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

通知沒有require()是不應該存在。

Answer 2

我不能評論我會寫這個答案。

是否有在template中使用require(...)的具體原因。

如果沒有，試試這個，並確保您css文件名稱拼寫是否正確：

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

希望這有助於！