如何在 github 页面上部署使用 ember-cli 开发的 Ember.js 应用程序？答案

【问题标题】：How do I deploy Ember.js app developed with ember-cli on github pages?如何在 github 页面上部署使用 ember-cli 开发的 Ember.js 应用程序？
【发布时间】：2014-06-25 08:47:09
【问题描述】：

我已经使用 ember-cli 成功创建了一个小型应用程序。我尝试将其推送到我的 github 存储库的 gh-pages 分支，但它在浏览器控制台中显示错误

Uncaught ReferenceError: require is not defined

从dist/assets 加载 vendor.js 和 vendor.js 文件也失败了。

我也无法从本地机器上的 dist 文件夹运行独立的 ember 应用程序，同样的错误。

有人试过吗？如果是，如何正确操作？

【问题讨论】：

你在控制台中得到了什么？可能是基本网址的问题。 iamstef.net/ember-cli/#deployments
自己测试一下expense app
我认为您需要将“dist”文件夹中的内容推送到 gh-pages 分支（在引擎盖下它的 jekyl）。我不认为你可以从dist 服务。
如果是这种情况，那么它应该直接从本地机器的 dist 文件夹中工作，对吧？但事实并非如此。
尝试将 config/environment.js 中的“baseURL”更改为您的本地主机路径。像 baseURL: '/Bounty-Web-Expenses/dist'

标签： ember.js ember-cli github-pages

【解决方案1】：

自 2014 年 12 月以来，还有一个 ember-cli addon for this。

首先确保将config/environment.js 中的modulePrefix 设置为您在github 上的repo 名称。例如，对于https://github.com/username/my-cool-repo，它应该是modulePrefix: 'my-cool-repo'。

然后按照以下说明操作：

安装插件。
$ ember install:addon ember-cli-github-pages
提交插件所做的更改。
$ git add . && git commit -m "Installed addon ember-cli-github-pages"
仅使用必要的文件创建 gh-pages 分支。
$ git checkout --orphan gh-pages && rm -rf `ls -a | grep -vE '.gitignore|.git|node_modules|bower_components|\.\/|\.\.\/'` && git add . && git commit -m "Initial gh-pages commit"
切换回您的源分支（很可能是master）。
$ git checkout master
将您的 ember 应用构建到 gh-pages 分支。
$ ember gh-pages:commit --message "Initial gh-pages release"
将所有内容（或至少 gh-pages 分支）推送到 github。

（这与 ember-cli addon's readme。）

【讨论】：

我会试试这个。我最近开始使用 ember-cli。
我对插件进行了部分测试。但插件并没有做太多。我仍然无法使用 ember 运行组织页面。例如。说 kushdilip.github.io。甚至这个 repo 页面也是从yourUsername.github.io/myEmberApplication/dist

【解决方案2】：

正如 cmets 所说：将 config/environment.js 中的 baseUrl 更改为您要将应用推送到的 GitHub 存储库的名称。例如：

您的 GitHub 存储库名为 myEmberApplication，位于

https://github.com/yourUsername/myEmberApplication.git

那么这个项目的 gh-pages 的 URL 将是

https://yourUsername.github.io/myEmberApplication

因此，在您的情况下，您必须将 baseUrl 从 /（默认）更改为 /myEmberApplication。

之所以必须这样做是因为 ember-cli 将 <base> 标头添加到您的 index.html 文件中。

【讨论】：