Heroku 上的空白页 - mean.js Angular 应用程序

Posted 2023-03-03

【中文标题】Heroku 上的空白页 - mean.js Angular 应用程序

【英文标题】：Blank page on Heroku - mean.js angular app

【发布时间】：2014-07-29 17:57:51

【问题描述】：

我正在尝试将我的 mean.js 应用程序部署到 heroku。 不知何故，heroku 上的应用程序正在加载一个空白页面。 似乎没有正确加载 Angular 应用程序。

可能是凉亭依赖的问题？

请查看blank heroku app。

heroku 日志显示没有错误。 也没有角度误差。

我将不胜感激。

【问题讨论】：

为什么我的问题被否决了？至少留下评论，这样我就知道下次我可以做得更好......

【参考方案1】：

从 Heroku 仪表板进入应用设置。

转到配置变量

将生产转变为开发。

【参考方案2】：

请记住，您必须同时运行 npm install 和 bower install

【参考方案3】：

好吧，我觉得我很愚蠢。

我花了一段时间才意识到，当我的 mean.js 应用程序在生产模式下运行时，客户端 javascript 都没有加载。

事实证明我需要运行 grunt build（它在 mean.js manual 中）。

RTFM :-)

【讨论】：

我感觉更蠢了。我有同样的问题，在将它推送到 heroku 之前，我无法通过 grunt 构建来解决它......你能更具体一点吗？

就这么简单，但是这里有一些提示：确保dist文件没有被git忽略，检查页面源以查看它们是否被引用，检查是否有任何javascript错误在 chrome 开发工具控制台中。

宾果游戏。 public/dist 被 gitignored 是因为我的一个队友使用 NetBeans 并将 dist/ 添加到 .gitignore 并且只要为我不在乎的每一个更改构建 public/dist ... 谢谢你，你拯救了我的夜晚

或者，或者，如果你像我一样运行 gulp 并且忘记运行 gulp build，那么就这样做。 2年前第一次使用Heroku（大约在你提出问题的时候）犯了同样的错误，并在这里发布了类似的问题。现在仍然需要你的问题和答案来帮助我。 （忽略在 cmets 中表示感谢的礼仪。这个网站缺乏以简单的计数器增量无法解释的方式表达感谢）。谢谢你。 :-)