2016-07-11 76 views
0

我通過cmd並安裝了Bootstrap,jQuery和Font-Awesome,並將所有文件保存在我的計算機上的bower_components文件中。我認爲這個問題是,當我第一次保存這些文件時,它們會進入另一個文件夾,因爲我構建的網頁的所有文件都沒有整合。因此,我刪除了我的bower_components文件,並將所有其他相關文件和文件夾保存在一個無所不包的文件夾下,將所有內容都重新加載到一個文件夾中。但是,當我在Chrome中打開我的index.html文件時,即使當我進入Visual Studio Code並按下Ctrl並單擊時,也會收到錯誤「Failed to load resource: net::ERR_FILE_NOT_FOUND」,它直接將我帶到存儲文件的位置。我的Bower文件沒有通過我的瀏覽器訪問

<link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"> 
<link href="bower_components/bootstrap/dist/css/bootstrap-theme.min.css" rel="stylesheet"> 
<link href="bower_components/font-awesome/css/font-awesome.min.css" rel="stylesheet"> 

我看了所有的示例代碼具有完全相同的鏈接文字,因此它必須是我與我如何救了我的計算機上的文件結束的問題。我不知道如何解決這個問題。

編輯:我進去並在每個文件夾中創建虛擬文檔,在Chrome中發現問題時確保每個鏈接都通過Visual Studio代碼實際遵循該html文件的路徑。然後我製作了一個鏈接到每個頁面的html文檔。唯一工作的頁面是jQuery頁面,所以我認爲bower_components文件夾下的font-awesome和bootstrap文件夾有問題,因爲似乎不工作的唯一鏈接位於這些文件夾中。

+1

您可能無法提供靜態資產。如果您使用的是Chrome,請轉至您的檢查員,點擊「來源」。如果你沒有看到你的涼亭組件在左邊的邊欄,那麼它們不會被提供。 – ceckenrode

+1

我建議在第一次嘗試時在IE等不同瀏覽器上嘗試它。有時Chrome會保存源文件,並且不會更新! –

+0

通常'bower_components'用於創建您的自定義構建。您可以從這些組件中選擇所需的內容,並將它們(自動)複製到您的前端目錄中。 Visual Studio 2015有「內置」任務運行器來執行此操作。隨意查看[此解決方案](https://github.com/timver/Yambo/tree/master/YamboClient)和/或檢查IDE的說明。 –

回答

0

因此,事實證明,因爲我使用的是Windows,所以我無法在具有長名稱的文件夾中嵌套具有長名稱的文件夾,因爲Windows不會遵循長路徑目錄。簡單修復!感謝大家的建議。

相關問題