javascript - 如何在本地存储并静态提供 angularjs 库？

Question

我将在没有互联网接入的情况下从事一个 Angular 项目，所以我到 CDN 的链接将无法运行。我想将 angularjs 库保存到我的项目内的文件夹中。这是我尝试过的:

我转到 cdn 链接，复制所有文本，将其粘贴到文件中，并将该文件另存为 angular.min.js 。然后我在我的index.html中注释掉了cdn的脚本标签。文件，并放入一个新的脚本标记，指定新保存文件的路径。当我打开项目时，出现错误“Uncaught ReferenceError:未定义 Angular 。”

以下是我的项目文件/文件夹结构的相关部分:

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

Answer 1

您是否使用任何类型的本地网络服务器？ Angular 和许多脚本需要从 http 而不是 file:// 加载。为此，您可以使用 python 的 SimpleHTTPServer:python -m SimpleHTTPServer 8080 -- 将在 http://localhost:8080 上打开 http 服务器，在浏览器中打开 url你应该可以走了。另请注意，在 HTML 中加载脚本的顺序很重要，Angular 需要在使用它的所有代码模块之前加载。