node.js - Yeoman 构建的 Angular 应用程序未将 Bootstrap 字体部署到 Heroku

Question

首先，我已经解决了这个错误。这仅供其他遇到此问题的人引用。

我已经使用本指南将 Yeoman 构建的应用程序部署到 heroku: http://www.sitepoint.com/deploying-yeomanangular-app-heroku/

除了需要删除以下行之外，该指南几乎完美地工作:

app.use(express.logger('dev'));

部署后，用 bootstrap 打包的字形将返回 404。经过大量挖掘后，我意识到:

dist/bower_components

由于我的 .gitignore 中的这一行，文件夹没有被添加到 git 存储库中:

// .gitignore file //
node_modules
.tmp
.sass-cache
bower_components // This line!

删除意味着将我的整个 Bower_components 文件夹提交到 git 存储库，但我认为没有必要。相反，我将以下内容添加到 .gitignore:

// .gitignore file //

node_modules
.tmp
.sass-cache
bower_components
!dist/bower_components

现在，dist/bower_components 已添加到存储库中，并将按预期部署到 Heroku。

Answer 1

好帖子，埃里克。当我尝试在 Heroku 上启动并运行我的 angualr yeoman 项目时，我也遇到了这些问题。我想补充一点，如果你想运行像 logger 这样的东西，它现在被称为 morgan。因此，您仍然需要将代码中的记录器行替换为:

 var morgan = require('morgan');
 app.use(morgan('dev'));

如果您愿意，这将使您能够在应用程序上使用日志记录模块。这真是一件令人头疼的事，花了一段时间才弄清楚。干杯!