部署到 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”的主要内容,如果未能解决你的问题,请参考以下文章