AoT hangs forever after updating from v6 to v7 (or v8) #15113
Description
🐞 Bug report
Command (mark with an x)
- [ ] new
- [x] build
- [x] serve
- [ ] test
- [ ] e2e
- [ ] generate
- [ ] add
- [ ] update
- [ ] lint
- [ ] xi18n
- [ ] run
- [ ] config
- [ ] help
- [ ] version
- [ ] doc
Is this a regression?
Yes, the previous version in which this bug was not present was: v6 (latest)
Description
We got a quite large hybrid app (700+ Components, ~100 angularJs components/directives).
Build it with AoT works perfectly in Angular v6, but stops working in v7 or v8.
Building it without AoT works in all versions without issues.
The problem is that we get no errors when building with AoT in v7 or v8. The build get stuck at 11% and will stay there even after 50+ hours.
This is the line it get stuck on:
11% building 13/14 modules 1 active ...epos\Stream\node_modules\less-loader\dist\cjs.js??ref--14-3!C:\Repos\Stream\src\styles.less
Is there any way to get a more detailed log of what the compiler is trying to do?
I'm out of ideas of how to fix this. I've tried looking at other issues with AoT or UpgradeModule, but none of them quite matches this or helps with my issue.
I've done everything in https://update.angular.io/#6.1:7.0.
We run RxJS 6 without compat, and have removed HttpModule from everything
🔬 Minimal Reproduction
This is the problem. I can't reproduce it in a new app with all our third party libs and styles included. Something in out code breaks AoT compilation in version 7 and 8.
We run our code with this line:
node --max_old_space_size=16386 ./node_modules/@angular/cli/bin/ng serve --port 3000
🌍 Your Environment
I tried v7@latest, v8, v8.1, v8@next
Angular Version:
Angular CLI: 8.2.0-next.0
Node: 10.15.3
OS: win32 x64
Angular: 8.2.0-next.1
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router, upgrade
Package Version
-----------------------------------------------------------
@angular-devkit/architect 0.802.0-next.0
@angular-devkit/build-angular 0.802.0-next.0
@angular-devkit/build-optimizer 0.802.0-next.0
@angular-devkit/build-webpack 0.802.0-next.0
@angular-devkit/core 8.2.0-next.0
@angular-devkit/schematics 8.2.0-next.0
@angular/cli 8.2.0-next.0
@ngtools/webpack 8.2.0-next.0
@schematics/angular 8.2.0-next.0
@schematics/update 0.802.0-next.0
rxjs 6.5.2
typescript 3.4.5
webpack 4.35.3
"dependencies": {
"@angular/animations": "8.2.0-next.1",
"@angular/common": "8.2.0-next.1",
"@angular/compiler": "8.2.0-next.1",
"@angular/core": "8.2.0-next.1",
"@angular/forms": "8.2.0-next.1",
"@angular/platform-browser": "8.2.0-next.1",
"@angular/platform-browser-dynamic": "8.2.0-next.1",
"@angular/router": "8.2.0-next.1",
"@angular/upgrade": "8.2.0-next.1",
"@swimlane/ngx-datatable": "~15.0.2",
"@yellowspot/ng-truncate": "^1.5.0",
"angular": "~1.7.8",
"angular-chart.js": "1.1.1",
"angular-dynamic-locale": "~0.1.37",
"angular-elastic": "~2.5.1",
"angular-file-upload": "2.5.0",
"angular-filter": "~0.5.17",
"angular-i18n": "~1.7.8",
"angular-l10n": "8.0.0",
"angular-notification": "1.1.1",
"angular-sanitize": "~1.7.8",
"angular-smart-table": "2.1.11",
"angular-ui-bootstrap": "~2.5.6",
"angular2-cookie-law": "7.0.1",
"awesome-bootstrap-checkbox": "~0.3.7",
"blueimp-gallery": "~2.33.0",
"bootstrap": "^3.4.1",
"chart.js": "~2.8.0",
"clipboard": "2.0.4",
"core-js": "^3.1.4",
"devextreme": "19.1.4",
"devextreme-angular": "19.1.4",
"devextreme-intl": "19.1.4",
"dragula": "3.7.2",
"dragular": "1.3.2",
"file-saver": "2.0.2",
"font-awesome": "4.7.0",
"fraction.js": "~4.0.12",
"hammerjs": "^2.0.8",
"jquery": "^3.4.1",
"moment": "~2.24.0",
"msal": "1.0.2",
"ng-tags-input": "3.2.0",
"ng2-charts": "^2.3.0",
"ng2-dragula": "2.1.1",
"ng2-file-upload": "1.3.0",
"ng2-select": "2.0.0",
"nglocale": "^1.0.0",
"ngx-bootstrap": "^5.1.0",
"ngx-clipboard": "12.2.0",
"ngx-cookie": "~4.0.2",
"ngx-icon-picker": "^0.0.10",
"ngx-quill": "~7.1.0",
"pace-progress": "~1.0.2",
"powerbi-client": "^2.7.5",
"quill": "^1.3.6",
"rxjs": "~6.5.2",
"signalr": "~2.4.1",
"simplebar": "<4",
"tslib": "^1.9.0",
"underscore": "1.9.1",
"zone.js": "~0.9.1"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.802.0-next.0",
"@angular/cli": "8.2.0-next.0",
"@angular/compiler-cli": "8.2.0-next.1",
"@angular/language-service": "8.2.0-next.1",
"@babel/core": "^7.5.0",
"@babel/preset-env": "^7.5.0",
"@babel/register": "^7.4.4",
"@cypress/webpack-preprocessor": "4.1.0",
"@types/angular-file-upload": "^2.5.1",
"@types/angular-signalr-hub": "^1.5.32",
"@types/angular-ui-bootstrap": "^0.13.43",
"@types/chai": "^4.1.2",
"@types/file-saver": "^2.0.1",
"@types/google.analytics": "^0.0.39",
"@types/jasmine": "~3.3.0",
"@types/jasminewd2": "~2.0.3",
"@types/jquery": "^3.2.9",
"@types/mocha": "^5.0.0",
"@types/ng-file-upload": "^12.2.1",
"@types/node": "^10.9.4",
"@types/signalr": "^2.2.34",
"@types/underscore": "^1.9.0",
"chai": "^4.2.0",
"codelyzer": "^5.0.1",
"concurrently": "^4.1.1",
"cypress": "~3.4.0",
"fs-extra": "~8.1.0",
"gulp": "^4.0.0",
"gulp-angular-templatecache": "~3.0.0",
"gulp-minify-html": "1.0.6",
"husky": "^3.0.0",
"jasmine-core": "~3.4.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.2.0",
"karma-chrome-launcher": "~3.0.0",
"karma-coverage-istanbul-reporter": "~2.0.5",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.4.2",
"lint-staged": "~9.2.0",
"prettier": "~1.18.2",
"prettier-tslint": "~0.4.2",
"recursive-readdir": "2.2.2",
"rxjs-tslint-rules": "~4.24.3",
"ts-loader": "^6.0.4",
"ts-node": "~8.3.0",
"tslint": "~5.18.0",
"tslint-config-prettier": "^1.18.0",
"typescript": "3.4.5",
"typescript-tslint-plugin": "~0.5.2",
"webpack": "^4.35.0",
"webpack-bundle-analyzer": "^3.3.2",
"yarn": "~1.17.0"
}