2016-10-21 43 views
0

這是我的根HTML文件。正如你所看到的,從Bootstrap獲取樣式沒有問題(這個功能工作得很好)。當我在localhost:8080的瀏覽器中打開index.html(通過webpack命令運行服務器)時,它找不到樣式表!這是我不明白的。請幫忙。謝謝。反應 - 爲什麼我的樣式表找不到?錯誤404

BTW .. stylesheet.css與index.html AND index.js位於同一目錄級別。引導程序樣式表如何得到拾取,但不是我的樣式表?

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Weather App</title> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" /> 
    <link rel="stylesheet" href="stylesheet.css" /> 
</head> 
<body> 
    <div id="root"> 

    </div> 
</body> 
</html> 

回答

1

流星自動加載所有樣式表。我看到它建議將它們放在/ client/stylesheets或/ imports/ui/css文件夾中。

你不需要把<link rel="stylesheet" href="stylesheet.css" />。嘗試刪除該行,並查看是否可以將您的樣式應用於您的頁面。

原因<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />正在爲你工作是因爲它是從外部地址加載。它在你的html上被硬編碼並且不被流星管理。我不推薦它,但是如果你想用你的樣式表做同樣的事情,你可以把它放在/ public文件夾中,並使用<link rel="stylesheet" href="/stylesheet.css" />。但流星的目的是爲你管理所有的樣式表,所以最好不要這樣做。

最後,如果你想控制的順序樣式表是進口的,你可以指定絕對路徑import '/client/stylesheet.css'; //導入CSS - 在這裏看到清晰:https://guide.meteor.com/structure.html#intro-to-import-export

+0

並把它在/公共文件夾中創建有什麼區別? – user7024499

+0

你的公共文件夾是什麼被視爲你的根目錄。其他的東西都是神奇的加載和流星管理的,但公共文件夾中的'東西'可以通過src =「/ something」來訪問。 –

相關問題