ng build 后 Angular 项目无法正常工作

Question

我第一次尝试 Angularjs 2，在 ng build 之后，它编译到 dist 文件夹，但文件夹中的 index.html 包含所有缺少引用的脚本，尽管它们都存在于同一个文件夹中。 有没有人遇到过这个？你有什么建议？ 附上chrome报错截图。

Answer 1

我猜你只是使用 file:// 协议从文件系统打开 index.html。这不起作用，因为应用程序是使用标签构建的，标签表示所有相对路径都应以“/”为前缀。使用文件协议，它意味着在文件系统的根目录中。

您可以指定不同的基本路径来构建应用程序：

ng build --base-href=/path/to/your/application/dist/

您还可以考虑将其部署到可以将所有路径映射到您的 index.html 的 Web 服务器（例如 Apache + mod_rewrite），因此当您在浏览器中点击重新加载按钮时，无论采用何种路径，应用程序都会加载。