2015-09-25 15 views
1

父目錄,至於到目錄引用而言,我理解引用在HTML

./ = current 
../ = parent 

,但我有我的參考目錄bower_components在該位的HTML代碼的問題。對lib文件夾的引用工作正常,但不是bower_components。我錯過了什麼?

main.html中

<!DOCTYPE html> 
<html> 
    <head> 
    </head> 
    <body> 
     <script src="lib/jquery/dist/jquery.min.js"></script> 
     <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script> 
    </body> 
</html> 

目錄結構如下: enter image description here

+4

是什麼在'server.js'?我的猜測是,它實現了更多或更少的樣板中間件,用於從其「public」目錄提供靜態文件(CSS,客戶端js等),但不是來自「bower_components」目錄。至於路徑部分,'../ bower_components/foo/bar'非常好。 – raina77ow

+0

檢查(最有可能)[相關問題](http://stackoverflow.com/questions/21821773/configure-node-express-to-serve-static-bower-components)。 – raina77ow

+0

明白了。謝謝@ raina77ow – Emanuel

回答

1

嘗試將<your server>/bower_components/bootstrap/dist/js/bootstrap.min.js

它可能無法正常工作。如果您的服務器設置正常,只有public和它下面的文件夾可以從客戶端訪問。從客戶端角度來看,public是根,上面沒有任何東西。

至於導入引導程序,請參閱您是否可以瀏覽瀏覽器中可用的節點。它可能託管你需要在另一個URL上在客戶端引用的腳本。您也可以在bower文檔/示例中找到該URL。

可能通過將腳本複製或symlinking到公共目錄解決這個問題,但這將有點hackish,保存它,如果你完全厭倦了找到預期的方式。

0

也許你可以試試這個

<script src="contacts/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

只是使用完整的腳本路徑