部署到 Heroku 错误:找不到模块“/app/server.js”

Posted

技术标签:

【中文标题】部署到 Heroku 错误:找不到模块“/app/server.js”【英文标题】:Deployment to Heroku Error: Cannot find module '/app/server.js' 【发布时间】:2018-11-07 07:48:26 【问题描述】:

我正在将使用 angular-cli 创建的 Angular 6 应用程序部署到 Heroku。构建成功完成,但是,当我转到已部署的应用程序时,我得到一个空白页面。

运行 Heroku 日志后,似乎在启动节点服务器实例时发生错误/崩溃。 “找不到模块'/app/server/js”。 server.js 文件位于 src 目录下,所以我不知道为什么会这样。

从日志中:

这是 package.json,我删除了 node 和 npm 引擎以从 heroku 构建中运行默认版本:


  "name": "blog-app",
  "version": "0.0.0",
  "scripts": 
    "ng": "ng",
    "start": "node server.js",
    "build": "ng build --prod",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "postinstall": "ng build --prod"
  ,
  "private": true,
  "dependencies": 
    "@angular/animations": "^6.0.0",
    "@angular/cdk": "^6.0.0",
    "@angular/cli": "~6.0.0",
    "@angular/common": "^6.0.0",
    "@angular/compiler": "^6.0.0",
    "@angular/compiler-cli": "^6.0.0",
    "@angular/core": "^6.0.0",
    "@angular/forms": "^6.0.0",
    "@angular/http": "^6.0.0",
    "@angular/material": "^6.0.1",
    "@angular/platform-browser": "^6.0.0",
    "@angular/platform-browser-dynamic": "^6.0.0",
    "@angular/router": "^6.0.0",
    "@ng-bootstrap/ng-bootstrap": "^2.0.0",
    "@ngrx/effects": "^5.2.0",
    "@ngrx/store": "^5.2.0",
    "angularfire2": "^5.0.0-rc.8.1-next",
    "bootstrap": "^3.3.7",
    "core-js": "^2.5.4",
    "express": "^4.16.3",
    "firebase": "^5.0.2",
    "ngx-quill": "^3.1.0",
    "rxjs": "^6.0.0",
    "rxjs-compat": "^6.1.0",
    "typescript": "~2.7.2",
    "zone.js": "^0.8.26"
  ,
  "devDependencies": 
    "@angular-devkit/build-angular": "~0.6.0",
    "@angular/language-service": "^6.0.0",
    "@types/jasmine": "~2.8.6",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "~8.9.4",
    "codelyzer": "~4.2.1",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~1.7.1",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~1.4.2",
    "karma-jasmine": "~1.1.1",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.3.0",
    "ts-node": "~5.0.1",
    "tslint": "~5.9.1"
  

还有 server.js:

import express from "express";
const app = express();

app.use(static(__dirname + '/dist'));

app.all('*', (req, res) => 
  res.status(200).sendFile(__dirname + '/dist/index.html');
);

app.listen(process.env.PORT || 8080);

文件树:

知道问题可能是什么吗?

编辑:我在 src/Procfile 添加了一个 Procfile:

web: node src/server.js

添加此文件后,应用程序仍然崩溃,并在 Heroku 日志中显示以下输出:

【问题讨论】:

发布您的Procfile 你把节点服务器放在有角度的 src 路径中?我看不到图片... 是的,server.js的路径是'src/server.js' 我是 Heroku 的新手,在哪里可以找到要分享的 Procfile @FranciscoMateo 你的 Procfile 怎么样? 【参考方案1】:

在主文件夹中创建 Procfile 并添加:

web: node src/<you-app-name>.js

查看下图了解 Procfile 的放置位置:

【讨论】:

【参考方案2】:

创建一个包含以下内容的 Procfile

web: node src/server.js

Procfile 始终是一个简单的文本文件,准确命名为 Procfile。例如,Procfile.txt 无效。

Procfile 必须位于应用的根目录中。如果放在其他任何地方,它就不起作用。

Heroku app dynos 执行 Procfile 的命令

在此处阅读有关 Procfile 的更多信息https://devcenter.heroku.com/articles/procfile

【讨论】:

我添加了这个文件(见上面的编辑),但应用程序仍然崩溃:( @Kode_12 不要在 src 文件夹中添加 Procfile 。将其与 package.json(根文件夹)平行放置

以上是关于部署到 Heroku 错误:找不到模块“/app/server.js”的主要内容,如果未能解决你的问题,请参考以下文章

在 Heroku 上部署时未找到模块错误

Django React -- Heroku 上的部署错误(找不到页面 404)

Heroku - 构建错误 - 找不到模块请求

Heroku:错误:找不到模块 node-gyp

错误:找不到 npm 模块“时刻”

Django APP部署到Heroku的问题