Heroku 上的 node.js 部署答案

【问题标题】：node.js deployment on HerokuHeroku 上的 node.js 部署
【发布时间】：2017-06-27 11:21:15
【问题描述】：

我尝试将 node.js 测试应用程序部署到 heroku，并且从我可以从 heroku 日志文件中收集到的内容中，它运行良好

    2017-02-09T12:25:56.034718+00:00 heroku[web.1]: Starting process with command `npm start`
    2017-02-09T12:25:58.779864+00:00 app[web.1]:
    2017-02-09T12:25:58.779890+00:00 app[web.1]: > my_app@1.0.0 start /app
    2017-02-09T12:25:58.779890+00:00 app[web.1]: > node app.js
    2017-02-09T12:25:58.779891+00:00 app[web.1]:
    2017-02-09T12:25:59.050233+00:00 app[web.1]: App listening on port 49664
    2017-02-09T12:25:59.690629+00:00 heroku[web.1]: State changed from starting to up
    2017-02-09T12:26:05.265181+00:00 heroku[router]: at=info method=GET path="/" host=my-app.herokuapp.com request_id=fbc82114-bce8-4a52-aa6b-7a097cd561ff fwd="92.40.249.7" dyno=web.1 connect=0ms service=14ms status=304 bytes=237
    2017-02-09T12:26:05.442325+00:00 heroku[router]: at=info method=GET path="/bower_components/bootstrap/dist/css/bootstrap.css" host=my-app.herokuapp.com request_id=6e619bad-5c2b-4b41-b6e1-cbbe0d7e0ee1 fwd="92.40.249.7" dyno=web.1 connect=0ms service=10ms status=404 bytes=260
    2017-02-09T12:26:05.577867+00:00 heroku[router]: at=info method=GET path="/bower_components/bootstrap/dist/css/bootstrap-theme.css" host=my-app.herokuapp.com request_id=fef14f4e-5482-4a8b-be1c-49031c174ab3 fwd="92.40.249.7" dyno=web.1 connect=0ms service=3ms status=404 bytes=266
    2017-02-09T12:26:05.730904+00:00 heroku[router]: at=info method=GET path="/bower_components/jquery/dist/jquery.js" host=my-app.herokuapp.com request_id=4efdebb4-3b34-47d4-883a-11f1dcade9ee fwd="92.40.249.7" dyno=web.1 connect=1ms service=2ms status=404 bytes=249
    2017-02-09T12:26:05.731243+00:00 heroku[router]: at=info method=GET path="/style.css" host=my-app.herokuapp.com request_id=deccbb20-285c-48f5-89e0-f97f09ce6476 fwd="92.40.249.7" dyno=web.1 connect=0ms service=2ms status=304 bytes=236
    2017-02-09T12:26:05.851411+00:00 heroku[router]: at=info method=GET path="/controllers/homeController.js" host=my-app.herokuapp.com request_id=83e6f6cd-060c-4b6b-9340-92cf0acfcc4e fwd="92.40.249.7" dyno=web.1 connect=1ms service=2ms status=304 bytes=237
    2017-02-09T12:26:05.721263+00:00 heroku[router]: at=info method=GET path="/bower_components/angular/angular.js" host=my-app.herokuapp.com request_id=2d0c81c1-d24a-476c-bff9-125014b715da fwd="92.40.249.7" dyno=web.1 connect=1ms service=2ms status=404 bytes=246
    2017-02-09T12:26:05.759107+00:00 heroku[router]: at=info method=GET path="/app.js" host=my-app.herokuapp.com request_id=763a04bf-17dd-4e3b-946d-d82f8349244a fwd="92.40.249.7" dyno=web.1 connect=1ms service=3ms status=304 bytes=236
    2017-02-09T12:26:05.718950+00:00 heroku[router]: at=info method=GET path="/bower_components/angular-route/angular-route.js" host=my-app.herokuapp.com request_id=52126a4e-f43d-468b-b649-f6159def75f3 fwd="92.40.249.7" dyno=web.1 connect=1ms service=2ms status=404 bytes=258
    2017-02-09T12:26:05.780506+00:00 heroku[router]: at=info method=GET path="/bower_components/lodash/dist/lodash.js" host=my-app.herokuapp.com request_id=1fced25e-ff4e-42b2-afa6-f402b8438d09 fwd="92.40.249.7" dyno=web.1 connect=1ms service=3ms status=404 bytes=249
    2017-02-09T12:26:05.864505+00:00 heroku[router]: at=info method=GET path="/bower_components/angular-route/angular-route.js" host=my-app.herokuapp.com request_id=57e70deb-f0c4-4cbf-8d34-46ee52688b08 fwd="92.40.249.7" dyno=web.1 connect=0ms service=1ms status=404 bytes=258
    2017-02-09T12:26:06.003504+00:00 heroku[router]: at=info method=GET path="/bower_components/lodash/dist/lodash.js" host=my-app.herokuapp.com request_id=049c759b-f7fb-4e5d-9b87-ed26afa07ca8 fwd="92.40.249.7" dyno=web.1 connect=1ms service=2ms status=404 bytes=249

但是当我运行 url 时，它不会显示应用程序，而只会显示自述文件而不是 index.html 文件。我的应用程序在本地运行良好，并且正在使用 express.js 和 angular

谢谢

【问题讨论】：

您的自述文件在浏览器上显示什么？
@NaeemShaikh 自述文件是一个 md 文件，它显示 #My App 所以我猜它不是正在显示的自述文件
天哪，我刚刚注意到没有加载任何凉亭组件

标签： angularjs node.js express heroku

【解决方案1】：

好的，所以我意识到我没有加载 bower 组件，因此正在加载 angular 或 jquery 等。

我在这里找到了解决方法 http://xseignard.github.io/2013/02/18/use-bower-with-heroku/

这里是https://devcenter.heroku.com/articles/node-best-practices

我在 package.json 文件和 postinstall 中添加了 bower 作为依赖项

"scripts": {
  "postinstall": "bower install",
  "start": "node app.js"
},
"dependencies": {
  "bower": "1.8.0"
}

【讨论】：