问题标签 [angular-cli-ghpages]

我在我的 Angular 8 项目上运行它：

我得到了index.html无法复制，看起来这是因为 Angular 生成构建文件dist/PROJECT_NAME，在这种情况下，项目名称是test.

我看起来 ngh 期望找到index.htmlindist而不是 in dist/test。

关于如何解决这个问题的任何想法？

这是我要经过的参考。

我使用 angular-cli-ghpages 进行部署，按照以下步骤操作：https ://www.npmjs.com/package/angular-cli-ghpages

1.git远程添加origin https://github.com/username/epositoryname.git

2.ng 添加 angular-cli-ghpages

3.ng部署

当执行部署向我展示这个：

ng deploy --base-href= https://github.com/Azaria-CR/portafolio1.git 构建“dogapi”。配置：“生产”。你的基础href：“ https://github.com/Azaria-CR/portafolio1.git ”

块 {0} runtime-es2015.85f895af57b038f1e5b4.js (runtime) 2.82 kB [entry] [rendered] chunk {1} main-es2015.12ae7f54f3b8c7ac770e.js (main) 367 kB [initial] [rendered] chunk {2} polyfills- es2015.0fe6949bc5ff4b784062.js (polyfills) 64 kB [initial] [rendered] chunk {3} polyfills-es5-es2015.a83ac866abc867bfd530.js (polyfills-es5) 222 kB [initial] [rendered] chunk {4} styles.09e2c710755c88。 css (styles) 0 bytes [initial] [rendered] Date: 2019-09-18T01:53:17.038Z - Hash: 555aa990c3829b3b1bf6 - Time: 122860ms 为差异加载生成 ES5 包... ES5 包生成完成。通过 angular-cli-ghpages 成功发布！祝你今天过得愉快！

但它不起作用

当我完成给我看空白页

git 版本 2.23.0.windows.1 Angular CLI：8.3.4 节点：10.16.3 npm 6.11.3

要在 github 页面上部署项目，我使用以下命令：

我的问题是 gh-pages 在调用 assets 文件夹时存在一些严重问题。它总是跳过 '/deploy/' 部分。我在堆栈和 github 上发现了许多其他具有相同问题的问题，但似乎没有一个可以解决。我的问题的不同之处在于，在将“/deploy/”硬编码到资产 url 之后，它仍然会丢失一些图像并加载其他图像。

根据我所阅读的内容应该如何：

根据我的阅读，从css调用assets文件夹需要使用相对路径，所以应该是这样的：

但它不起作用，gh pages 正在此地址下寻找资产：

代替

我的解决方法

由于我找不到这个问题的任何答案，所以我对此失去了耐心，我已经硬编码了“/deploy/”部分，它确实是“不干净的”，但至少它有点工作。有趣的是，这是我与其他问题的不同之处-它适用于某些图像，而其他图像则无效。

我在css中的每个网址都是这样的：

它会加载除一张以外的每一张图片，我不知道为什么，对于一张特定的图片，它仍在查看：

这些步骤曾经奏效。首先创建存储库：

为其添加遥控器

添加angular-cli-ghpages：

并部署：

完成此操作后，它确实创建了 cname 记录，并且我看到了 gp-pages 分支中的所有文件：

但是，在查看设置时，自定义域字段未填充 cname 域，它表示该站点已准备好发布：

但它没有出现在网址上：

http://fireflysemantics.github.io/help-service-parts/

我设置了 DNS 来解决它：

还。

想法？

首先我为canary.fireflysemantics.com.

然后等了一个小时（不确定时间是否重要？）。

我创建了一个全新的存储库： https ://github.com/fireflysemantics/canary/

ng deploy然后我使用这样的方式推送应用程序：

这些文件现在位于存储库github-pages分支中：

https://github.com/fireflysemantics/canary

但是它们没有被发布/构建，并且 CNAME 没有被 UI 拾取，所以我认为它也没有被看到：

想法？

这与这个问题有关。

通过在运行部署之前创建 gh-pages 分支，我让 Github Pages 获取并发布了该应用程序。

部署应用程序后，该应用程序确实在域上可用：

的base属性index.html设置为：

看起来所有的角度资源都在加载，但是应用程序没有呈现。

有任何想法吗？

更新

我想通了，我把这个问题留给其他人作为参考。

当我使用ng serve -o应用程序在本地进行测试时，可以编译并正常运行。

当我用ng serve -o --prod=true应用程序测试时说它编译成功，但它没有初始化，所以我们看到的只是一个白屏。这实际上与 github 页面无关。

在此处使用 Angular CLI 提交错误报告：

https://github.com/angular/angular-cli/issues/16553

我成功地将 Angular 应用程序部署到 Github Pages：

它一直有效，直到我想部署新的更改并使用ng deploy.

之后网站一片空白，重复上面的命令并没有改变任何东西。这里可能是什么原因？

回购： https ://github.com/JoseTurron/flight-booking-cdv
GH 页面： https ://joseturron.github.io/flight-booking-cdv/

Scully将项目生成到project/dist/static.

我们如何部署它而不是project/dist/project-name使用angular-cli-ghpages？

我最近在 gh 页面上部署了我的应用程序，但是我遇到了很多 404 消息的麻烦。问题从不加载图像到页面消失，我不知道该怎么办。这是我的应用程序：Dragon 应用程序。最后的按钮应该打开一个新页面，但它不起作用。如果有人可以帮助我，我将不胜感激。

我在一个名为 feat/demo-mode 的分支上对 Angular 存储库进行了许多更改，我想将此分支发布到 GitHub Pages。

在 GitHub Pages 部分下，我选择了我的分支，如下所示配置-a-publishing-source-for-your-github-pages-site。

我在 package.json 中添加/更新了以下脚本

当我运行npm run deploy时，应用程序会构建和部署。我现在可以在 上访问它https://funfair-tech.github.io/my-example-repo/，但是 feat/demo-mode 中的代码现在已替换为我的 dist 文件夹的内容。