我的 Angular 应用在 gh-pages 上是空白的，无法从 travis 加载 js

Question

我上传了一个我用 Angular 构建的应用程序，Travis 使用 gh-pages 分支将它上传到 Github 页面，但这次我得到的只是一个空白页面和以下错误消息控制台：

Échec du chargement pour l’élément dont la source est « https://hdz.github.io/runtime.js ». [FCS-Training:14:1]
Échec du chargement pour l’élément dont la source est « https://hdz.github.io/polyfills.js ». [FCS-Training:14:1]
Échec du chargement pour l’élément dont la source est « https://hdz.github.io/styles.js ». [FCS-Training:14:1]
Échec du chargement pour l’élément dont la source est « https://hdz.github.io/vendor.js ». [FCS-Training:14:1]
Échec du chargement pour l’élément dont la source est « https://hdz.github.io/main.js ». [FCS-Training:14:1]

他似乎没有加载 Travis CI 部署的整个 js。 https://hdz.github.io/FCS-Training/ 这里是假定的 github 页，存储库在这里 https://github.com/Hdz/FCS-Training

我看不出我做错了什么？在当地很有魅力：

Date: 2020-07-18T10:08:54.367Z - Hash: e5b89a7c4ac0441d6496
4 unchanged chunks
chunk {main} main.js, main.js.map (main) 88.2 kB [initial] [rendered]
Time: 311ms

我以前是这样部署的并且它有效但可能有变化或者我犯了一些错误？ Travis 构建也通过了。

谁能告诉我我做错了什么？谢谢！

Answer 1

您应该将 package.json 中的构建脚本更改为：

"ng build --base-href ./ "

它在您的存储库中不起作用的原因是 angular CLI 在 index.html 中默认使用 base href="/"，因此浏览器无法找到丢失的资源。

您可以在 doc

中找到更多相关信息

我的 Angular 应用在 gh-pages 上是空白的，无法从 travis 加载 js

My Angular app is blank on gh-pages, can't load js from travis

github

travis-ci

github-pages

angular