部署Angular 7项目到Heroku可能会遇到以下问题和解决方法:
npm install express --save
npm install @angular-devkit/build-angular --save
"scripts": {
"start": "node server.js"
}
然后在项目根目录下创建一个server.js文件,并添加以下代码:
const express = require('express');
const app = express();
const path = require('path');
app.use(express.static(__dirname + '/dist/'));
app.get('/*', function(req,res) {
res.sendFile(path.join(__dirname+'/dist//index.html'));
});
// Start the app by listening on the default Heroku port
app.listen(process.env.PORT || 8080);
注意将
web: npm start
"engines": {
"node": "10.x",
"npm": "6.x"
}
"scripts": {
"postinstall": "ng build --aot --prod"
}
"dependencies": {
"dotenv": "^8.2.0"
}
并在server.js文件中添加以下代码来加载环境变量:
require('dotenv').config();
通过以上解决方法,你应该能够成功部署Angular 7项目到Heroku上。请根据你的具体情况进行相应的调整。