在生产模式中将角部署到Heroku
在生产模式中将角部署到Heroku
提问于 2019-03-15 12:27:56
如果这件事在某个地方被回答了，很抱歉。
我能够部署一个角应用程序到heroku，但尽管采取了本文中的步骤，它将不会在生产模式下运行。
https://medium.com/@hellotunmbi/how-to-deploy-angular-application-to-heroku-1d56e09c5147
在“环境”文件夹中有两个文件：
- environment.prod.ts
- environment.ts
实际上，Heroku似乎使用名为environment.ts的第二个env文件，而不是使用environment.prod.ts。
在environment.ts中，有一个env变量：
// This file can be replaced during build by using the `fileReplacements` array.
// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
// The list of file replacements can be found in `angular.json`.
export const environment = {
production: false,
};fileReplacements设置也是正确的。
environment.prod.ts文件还包含变量production，其值为true。
我们知道这不是使用以下简单代码的生产模式：
export class SettingsComponent implements OnInit {
environmentIsProduction: boolean = false;
constructor() {
}
ngOnInit() {
this.environmentIsProduction = environment.production;
console.warn('Environment is PRODUCTION: ' + environment.production);
}
}有人能就我们可能忘记的一步提出建议吗？
以下是整个package.json文件
{
"name": "angular-frontend",
"version": "0.0.0",
"engines": {
"node": "8.11.2",
"npm": "6.2.0"
},
"scripts": {
"ng": "ng",
"start": "node server.js",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e",
"postinstall": "ng build --aot --prod"
},
"private": true,
"dependencies": {
"@angular/animations": "^6.1.0",
"@angular/cdk": "^7.2.1",
"@angular/cli": "~6.2.3",
"@angular/common": "^6.1.0",
"@angular/compiler": "^6.1.0",
"@angular/compiler-cli": "^6.1.0",
"@angular/core": "^6.1.0",
"@angular/forms": "^6.1.0",
"@angular/http": "^6.1.0",
"@angular/platform-browser": "^6.1.0",
"@angular/platform-browser-dynamic": "^6.1.0",
"@angular/router": "^6.1.0",
"@ng-bootstrap/ng-bootstrap": "^3.2.2",
"@swimlane/ngx-datatable": "^14.0.0",
"angular-notifier": "^4.1.1",
"angular-svg-icon": "^7.0.1",
"angularx-social-login": "^1.2.6",
"bootstrap": "^4.1.3",
"core-js": "^2.5.4",
"express": "^4.16.4",
"flag-icon-css": "^3.3.0",
"jquery": "^1.9.1",
"jw-bootstrap-switch-ng2": "^2.0.2",
"ng-connection-service": "^1.0.4",
"ng-pick-datetime": "^6.0.16",
"ng2-currency-mask": "^5.3.1",
"ng2-nouislider": "^1.7.12",
"ngx-bootstrap": "^3.0.1",
"ngx-flag-icon-css": "^1.0.1",
"ngx-webstorage-service": "^3.1.1",
"nouislider": "^11.0.0",
"path": "^0.12.7",
"popper.js": "^1.14.4",
"rellax": "^1.7.0",
"rxjs": "~6.2.0",
"typescript": "~2.9.2",
"zone.js": "~0.8.26"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.8.0",
"@angular/cli": "~6.2.3",
"@angular/compiler-cli": "^6.1.0",
"@angular/language-service": "^6.1.0",
"@types/jasmine": "~2.8.8",
"@types/jasminewd2": "~2.0.3",
"@types/node": "~8.9.4",
"codelyzer": "~4.3.0",
"jasmine-core": "~2.99.1",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~3.0.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~1.1.2",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.11.0",
"typescript": "~2.9.2"
}
}Stack Overflow用户
发布于 2019-03-15 15:45:18
我希望这能帮到某人..。
最后找到了解决方案：https://devcenter.heroku.com/articles/nodejs-support#heroku-specific-build-steps
在package.json中，有必要更改以下行：
"postinstall": "ng build --aot --prod"至
"heroku-postbuild": "ng build --configuration=production"虽然原始命令确实经历了生成过程中的所有步骤，以及文件名等的模糊化，但是.随后，它运行了一个正常的ng构建。
在部署到Heroku期间，我在日志中注意到了这种行为。
一旦，heroku-postbuild被使用，构建只发生过一次.为了生产。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55182629
复制相关文章
相似问题
腾讯云开发者
