2016-09-24 115 views
0

即時通訊使用angular2 universal,
在index.html頭文件中添加bootstrap.min.css,但無法正常顯示404 err,只能使用@Component中的方法styleUrls:[' bootstrap.css']可以工作。爲什麼以及如何解決這個問題?bootstrap.css在angular2通用中不起作用

+0

當然,我將它添加到index.html中,並且我沒有編寫styleUrls:['bootstrap.css']在@組件中,但無法工作,所以我只能使用styleUrls中寫入的方法,但我不會使用第二種方法,請考慮angular2通用環境。 – percinor

回答

0

使用link rel =「stylesheet」href =「assets/bootstrap.min.css並複製src/assets文件中的css文件可以解決這個問題,因爲在server.ts文件中app.use('/ assets', express.static(path.join(__ dirname,'assets'),{maxAge:30}))

2

如果您將其添加到index.html,則不需要寫入styleUrls:['bootstrap.css']一行。只要刪除它,它應該工作。

styleUrls:['somefile.css']當有一個文件名爲somefile.css駐留在您的根目錄下時,可以使用此目錄。因此styleUrls:['somefile.css']語法會將該文件提取到您的組件。

+0

加@ 1 @micronyks – Vikrant

+1

有趣的是, +1還沒有給我+1可以通過投票答案給予@Vikrant – micronyks

+1

亞朋友..做:D – Vikrant