如何在本地存儲並靜態提供angularjs庫？

我將在沒有互聯網訪問的角度項目上工作，所以我的cdn鏈接將不起作用。我想將angularjs庫保存到我的項目中的文件夾。這是我曾嘗試過的：如何在本地存儲並靜態提供angularjs庫？

我去了cdn鏈接，複製了所有文本，將其粘貼到文件中，並將該文件保存爲angular.min.js。然後，我在我的index.html文件中註釋了cdn的腳本標記，並放入一個新的腳本標記，指定新保存的文件的路徑。當我打開我的項目時，出現錯誤「Uncaught ReferenceError：angular is not defined。」

這裏是我的項目的文件/文件夾結構的相關部分：

project 
|_core 
| |_public 
| |_app 
|  |_index.html 
|_libraries 
    |_angular.min.js

這裏是我的腳本標籤：

<script src="./../../../libraries/angular.min.js"></script>

這裏是鏈接到CDN從我複製的文本：

https://ajax.googleapis.com/ajax/libs/angularjs/1.4.9/angular.min.js

來源

2016-02-12 devigner

的根看看[yeoman.io（http://yeoman.io/） –

HTML鏈接的js文件應該留在一個易於訪問的路徑，在公衆看來我 – vinjenzo

@RossRogers yeoman看起來非常有用，但我仍然想知道爲什麼我的代碼不工作。 – devigner

您可以使用Grunt任務來縮小和連接所有文件。你可以閱讀GruntJS的文檔。很有用。

http://gruntjs.com/sample-gruntfile

看到串連部分。

如果你手動這樣做，你已經檢查了lib文件的順序。 Angularjs lib需要處於頂峯。有錯誤的機會。

是隻包含一個你不需要的文件Grunt 如果您的文件angular.min.js正確加載，請在網絡選項卡中檢查chrome檢查開發人員工具。如果沒有，您可以更改路徑並嘗試，但如果它正在加載，並且仍然出現相同的錯誤，請創建文件的jsfiddle或plunker，以便我們可以詳細查看它。

來源

2016-02-12 01:56:30 Shad

我想想也許你誤解了我的問題。雖然它是一個有用的工具，但對於這項任務來說，咕嚕聲不是必需的。 – devigner

如果加載angular.min.js，你是否檢查了chrome debug inspect工具？如果顯示的文件沒有找到，那麼我認爲你可以通過在index.html – Shad

<script src="../../../libraries/angular.min.js"></script>

這個怎麼樣？

來源

2016-02-12 03:46:56

中更改文件路徑來檢查它。不幸的是，這不起作用。 – devigner

您是否使用任何類型的本地網絡服務器？角度和許多腳本需要從http加載而不是file://。爲此，您可以使用python的SimpleHTTPServer：python -m SimpleHTTPServer 8080 - 將在http://localhost:8080上打開一個http服務器，在瀏覽器中打開url並且您應該很好。還要注意，在HTML中加載腳本的順序非常重要，而Angular需要在所有使用它的代碼模塊之前加載。

來源

2016-02-13 00:50:08

你剛剛試過這個嗎？

<script src="/libraries/angular.min.js"></script>

也許您的服務器啓動網站（本地主機：80）從項目

來源

2016-02-13 08:52:14

如何在本地存儲並靜態提供angularjs庫？

回答

相關問題