我正在将我的应用程序部署到Heroku,经过几次失败的构建尝试,它最终成功构建,但当我想访问该应用程序时,它会给我"应用程序错误"。这是成功的构建日志:
-----> Node.js app detected
-----> Creating runtime environment
NPM_CONFIG_LOGLEVEL=error
NODE_ENV=production
NODE_MODULES_CACHE=true
NODE_VERBOSE=false
-----> Installing binaries
engines.node (package.json): 10.16.3
engines.npm (package.json): 6.11.3
Resolving node version 10.16.3...
Downloading and installing node 10.16.3...
Bootstrapping npm 6.11.3 (replacing 6.9.0)...
npm 6.11.3 installed
-----> Restoring cache
Cached directories were not restored due to a change in version of node, npm, yarn or stack
Module installation may take longer for this build
-----> Installing dependencies
Installing node modules
> fsevents@1.2.11 install /tmp/build_b07ba6f8_/node_modules/fsevents
> node-gyp rebuild
make: Entering directory '/tmp/build_b07ba6f8_/node_modules/fsevents/build'
SOLINK_MODULE(target) Release/obj.target/.node
COPY Release/.node
make: Leaving directory '/tmp/build_b07ba6f8_/node_modules/fsevents/build'
> core-js@2.6.11 postinstall /tmp/build_b07ba6f8_/node_modules/babel-runtime/node_modules/core-js
> node -e "try{require('./postinstall')}catch(e){}"
> core-js@3.2.1 postinstall /tmp/build_b07ba6f8_/node_modules/@angular-devkit/build-
angular/node_modules/core-js
> node scripts/postinstall || echo "ignore"
> bcrypt@3.0.7 install /tmp/build_b07ba6f8_/node_modules/bcrypt
> node-pre-gyp install --fallback-to-build
[bcrypt] Success: "/tmp/build_b07ba6f8_/node_modules/bcrypt/lib/binding/bcrypt_lib.node" is
installed via remote
> @angular/cli@8.3.23 postinstall /tmp/build_b07ba6f8_/node_modules/@angular/cli
> node ./bin/postinstall/script.js
added 1056 packages in 24.037s
-----> Build
-----> Caching build
- node_modules
-----> Pruning devDependencies
removed 496 packages and audited 628 packages in 11.836s
found 132 vulnerabilities (131 low, 1 moderate)
run `npm audit fix` to fix them, or `npm audit` for details
-----> Build succeeded!
-----> Discovering process types
Procfile declares types -> (none)
Default types for buildpack -> web
-----> Compressing...
Done: 54.9M
-----> Launching...
Released v9
然后,当我看到我无法访问我的网络应用程序时,日志上写着:
2020-09-29T20:34:29.157236+00:00 app[web.1]: npm ERR! meanstacknieuw@1.0.0 start: node index.js
2020-09-29T20:34:29.157459+00:00 app[web.1]: npm ERR! Exit status 1
2020-09-29T20:34:29.157845+00:00 app[web.1]: npm ERR!
2020-09-29T20:34:29.158095+00:00 app[web.1]: npm ERR! Failed at the meanstacknieuw@1.0.0 start
script.
2020-09-29T20:34:29.158322+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There
is likely additional logging output above.
2020-09-29T20:34:29.170467+00:00 app[web.1]:
2020-09-29T20:34:29.170778+00:00 app[web.1]: npm ERR! A complete log of this run can be found in:
2020-09-29T20:34:29.171436+00:00 app[web.1]: npm ERR! /app/.npm/_logs/2020-09-29T20_34_29_159Z-
debug.log
2020-09-29T20:34:29.256127+00:00 heroku[web.1]: Process exited with status 1
2020-09-29T20:34:29.304162+00:00 heroku[web.1]: State changed from starting to crashed
这是我的package.json文件:
` {
"name": "meanstacknieuw",
"version": "1.0.0",
"description": "refreshing",
"main": "index.js",
"engines": {
"node": "10.16.3",
"npm": "6.11.3"
},
"scripts": {
"ng": "ng",
"test": "echo "Error: no test specified" && exit 1",
"start": "node index.js"
},
"repository": {
"type": "git",
"url": "git+https://github.com/y0u-s/vf-app.git"
},
"keywords": [
"MEAN",
"stack",
"angular",
"2",
"application"
],
"author": "Youssef",
"license": "ISC",
"bugs": {
"url": "https://github.com/y0u-s/latest-mean-stack-app/issues"
},
"homepage": "https://github.com/y0u-s/latest-mean-stack-app#readme",
"dependencies": {
"@angular/cli": "^8.3.20",
"@angular/compiler": "^8.2.14",
"rxjs": "^6.3.3",
"@angular/core": "^7.2.16",
"@angular/compiler-cli": "^8.2.14",
"angular2-flash-messages": "^3.0.1",
"bcrypt": "^3.0.4",
"body-parser": "^1.18.3",
"cors": "^2.8.5",
"express": "^4.16.4",
"file-extension": "^4.0.5",
"jsonwebtoken": "^8.5.1",
"multer": "^1.4.2",
"node-localstorage": "^2.1.4",
"nodemailer": "^6.4.1",
"simple-odata-server": "^1.1.1",
"typescript": "~3.2.2"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.803.20"
}
}`
我的server.js文件:
const port = process.env.PORT || 8080;
app.use(function (req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With,
Content-Type, Accept");
next();
});
app.use(cors({
origin: 'http://localhost:4200'
}));
app.get('*', function(req, res){
res.sendFile(path.join(__dirname + '/public/index.html'));
});
app.listen(port, () => {
console.log('Hello on port ' + port)
});
如果您需要更多的上下文或代码,请告诉我。
当heroku启动您的应用程序时,它将运行npm run start
。您的start
脚本指向index.js
,而您指向的是server.js
,这是正确的吗?
npm run start
在本地主机上是否正常工作?
"scripts": {
"ng": "ng",
"test": "echo "Error: no test specified" && exit 1",
"start": "node index.js"
}
在server.js中,检查您的路径是否与dist/{folder_name}匹配
{folder_name}可以在package.json文件中进行配置。
例如在package.json文件中
{"name":"folder_name";,}
您需要指定heroku-env 的端口
app.listen( process.env.PORT || 8001, () => {
console.log("Server listening ...")
})