Angular 2 CLI项目在部署时无法加载资源

Question

我的机器和开发环境是： Mac 10.11.4 angular-cli：1.0.0-beta.10 节点：5.11.1 os：darwin x64

此项目是从Angular CLI创建的。运行'ng serve --prod'时应用程序运行正常，但是当我运行'ng build --prod'然后发布实时时，我可以发现大量无法找到资源的错误。

在index.html中加载这些资源有很多“魔力”，所以我不知道如何解决这个问题....

https://github.com/JimTheMan/Safe-Foods/tree/gh-pages

我的项目名为“SafeFoods”。例如es6-shim.js的正确路径应该是： https://jimtheman.github.io/Safe-Foods/vendor/es6-shim/es6-shim.js 当它实际上是： https://jimtheman.github.io/vendor/es6-shim/es6-shim.js

ng build任务每次都会这样创建，所以我不确定如何告诉它正确的路径......

注意：我也尝试将angular-cli更新到最新版本并使用'--base-href'，但这似乎无法正常运行：

SafeFoods（gh-pages）buildng build --prod --base-href / Safe-Foods /

选项'--base-href'未在build命令中注册。运行build --help以获取支持的选项列表。

感谢任何帮助。感谢。

Answer 1

在config/environment.js设置baseURL: '/Safe-Foods'。

在src/index.html设置<base href="{{ baseURL }}">。

Answer 2

我已经回答了一个非常相似的问题here

您正在寻找

--deploy-url /Safe-Foods

我希望能回答你的问题！