Maximum call stack size exceeded when build --prod at StaticSymbolResolver.resolveSymbol

[HeDo88TH]

I'm submitting a...

[ ] Regression
[x] Bug report  
[ ] Feature request
[ ] Documentation issue or request

Current behavior

I have 1 module 3 components and 1 directive. There are no circular dependencies between them. I'm using angular material.

When I run ng build --prod this is the error that pops out (using --verbose)

ng build --prod --verbose

6451ms building modules
0ms sealing
0ms optimizing
0ms basic module optimization
0ms module optimization
0ms advanced module optimization
15ms basic chunk optimization
0ms chunk optimization
0ms advanced chunk optimization
1075ms building modules
4ms module and chunk tree optimization
0ms chunk modules optimization
0ms advanced chunk modules optimization
0ms module reviving
5ms module order optimization
0ms module id optimization
0ms chunk reviving
4ms chunk order optimization
0ms chunk id optimization
4ms hashing
0ms module assets processing
8ms chunk assets processing
16ms additional chunk assets processing
0ms additional asset processing
309ms chunk asset optimization
0ms asset optimization
Hash: 1b29ef7f5e3a9970305f
Version: webpack 3.10.0
Time: 7940ms
                                   Asset      Size  Chunks  Chunk Names
polyfills.3bc34265385d52184eab.bundle.js  86 bytes       1  polyfills
     main.e402deade8b026b7d50e.bundle.js  84 bytes       2  main
   inline.92ef6709b02058cd9af2.bundle.js   1.45 kB       3  inline
  styles.9bf67ccb2b89c7f441c0.bundle.css   49.3 kB       0  styles
chunk    {0} styles.9bf67ccb2b89c7f441c0.bundle.css (styles) 122 bytes {3} [initial] [rendered]
chunk    {1} polyfills.3bc34265385d52184eab.bundle.js (polyfills) 28 bytes {3} [initial] [rendered]
chunk    {2} main.e402deade8b026b7d50e.bundle.js (main) 28 bytes {3} [initial] [rendered]
chunk    {3} inline.92ef6709b02058cd9af2.bundle.js (inline) 0 bytes [entry] [rendered]

ERROR in RangeError: Maximum call stack size exceeded
    at StaticSymbolResolver.resolveSymbol (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:29106:14)
    at resolveReferenceValue (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32053:75)
    at simplify (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32216:65)
    at simplifyInContext (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32421:20)
    at simplifyNested (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32078:28)
    at simplify (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32218:36)
    at simplifyInContext (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32421:20)
    at simplifyNested (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32078:28)
    at simplify (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32218:36)
    at simplifyInContext (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32421:20)
    at simplifyNested (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32078:28)
    at simplify (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32218:36)
    at simplifyInContext (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32421:20)
    at simplifyNested (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32078:28)
    at simplify (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32218:36)
    at simplifyInContext (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32421:20)
Child html-webpack-plugin for "index.html":
         Asset     Size  Chunks  Chunk Names
    index.html  3.33 kB       0
    chunk    {0} index.html 813 bytes [entry] [rendered]
Child extract-text-webpack-plugin node_modules/extract-text-webpack-plugin/dist node_modules/css-loader/index.js??ref--8-1!node_modules/postcss-loader/lib/index.js??postcss!src/style.css:
    chunk    {0} extract-text-webpack-plugin-output-filename 2.68 kB [entry] [rendered]
Child extract-text-webpack-plugin node_modules/extract-text-webpack-plugin/dist node_modules/css-loader/index.js??ref--9-1!node_modules/postcss-loader/lib/index.js??postcss!node_modules/sass-loader/lib/loader.js??ref--9-3!src/orange-indigo.scss:
    chunk    {0} extract-text-webpack-plugin-output-filename 51.5 kB [entry] [rendered]

ERROR in RangeError: Maximum call stack size exceeded
    at StaticSymbolResolver.resolveSymbol (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:29106:14)
    at resolveReferenceValue (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32053:75)
    at simplify (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32216:65)
    at simplifyInContext (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32421:20)
    at simplifyNested (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32078:28)
    at simplify (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32218:36)
    at simplifyInContext (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32421:20)
    at simplifyNested (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32078:28)
    at simplify (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32218:36)
    at simplifyInContext (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32421:20)
    at simplifyNested (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32078:28)
    at simplify (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32218:36)
    at simplifyInContext (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32421:20)
    at simplifyNested (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32078:28)
    at simplify (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32218:36)
    at simplifyInContext (C:\Users\HeDo\source\repos\ProductRegistrationClient\node_modules\@angular\compiler\bundles\compiler.umd.js:32421:20)

Using --dev or removing --aot It works. The command serve works like a charm.

here it is my angular-cli.json

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "project": {
    "name": "product-registration-client"
  },
  "apps": [
    {
      "root": "src",
      "outDir": "dist",
      "assets": [
        "assets",
        "favicon.ico"
      ],
      "index": "index.html",
      "main": "main.ts",
      "polyfills": "polyfills.ts",
      "test": "test.ts",
      "tsconfig": "tsconfig.app.json",
      "testTsconfig": "tsconfig.spec.json",
      "prefix": "app",
      "styles": [
        "style.css",
        "orange-indigo.scss"
      ],
      "scripts": [        
      ],
      "environmentSource": "environments/environment.ts",
      "environments": {
        "dev": "environments/environment.ts",
        "staging": "environments/environment.staging.ts",
        "prod": "environments/environment.prod.ts"
      }
    }
  ],
  "e2e": {
    "protractor": {
      "config": "./protractor.conf.js"
    }
  },
  "lint": [
    {
      "project": "src/tsconfig.app.json",
      "exclude": "**/node_modules/**"
    },
    {
      "project": "src/tsconfig.spec.json",
      "exclude": "**/node_modules/**"
    },
    {
      "project": "e2e/tsconfig.e2e.json",
      "exclude": "**/node_modules/**"
    }
  ],
  "test": {
    "karma": {
      "config": "./karma.conf.js"
    }
  },
  "defaults": {
    "styleExt": "css",
    "component": {}
  }
}

package.json

{
  "name": "product-registration-client",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build --prod",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@agm/core": "^1.0.0-beta.2",
    "@angular/animations": "^5.2.1",
    "@angular/cdk": "^5.1.0",
    "@angular/common": "^5.2.1",
    "@angular/compiler": "^5.2.1",
    "@angular/core": "^5.2.1",
    "@angular/forms": "^5.2.1",
    "@angular/http": "^5.2.1",
    "@angular/material": "^5.1.0",
    "@angular/platform-browser": "^5.2.1",
    "@angular/platform-browser-dynamic": "^5.2.1",
    "@angular/router": "^5.2.1",
    "angular-google-place": "0.0.3",
    "core-js": "^2.4.1",
    "ng2-file-upload": "^1.3.0",
    "rxjs": "^5.5.6",
    "zone.js": "^0.8.19"
  },
  "devDependencies": {
    "@angular/cli": "^1.6.5",
    "@angular/compiler-cli": "^5.2.1",
    "@angular/language-service": "^5.2.1",
    "@types/jasmine": "~2.8.3",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "codelyzer": "^4.1.0",
    "jasmine-core": "~2.8.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~2.0.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.1.2",
    "ts-node": "~3.2.0",
    "tslint": "~5.9.1",
    "typescript": "~2.5.3"
  }
}

Environment

This is my environment:

Angular CLI: 1.6.4
Node: 9.4.0
OS: win32 x64
Angular: 5.2.1
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

@angular/cdk: 5.1.0
@angular/cli: 1.6.4
@angular/material: 5.1.0
@angular-devkit/build-optimizer: 0.0.38
@angular-devkit/core: 0.0.25
@angular-devkit/schematics: 0.0.46
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.4
@schematics/angular: 0.1.13
@schematics/schematics: 0.0.13
typescript: 2.5.3
webpack: 3.10.0

I can provide the source code if needed to solve this issue, thanks

[filipesilva]

This seems like a bug but we'll need to look at a reproduction to find and fix the problem. Can you setup a minimal repro please?

You can read here why this is needed. A good way to make a minimal repro is to create a new app via ng new repro-app and adding the minimum possible code to show the problem. Then you can push this repository to github and link it here.

[HeDo88TH]

Here it is the repro https://github.com/HeDo88TH/repro-cli-max-stack

git clone https://github.com/HeDo88TH/repro-cli-max-stack.git
cd repro-cli-max-stack
npm install
ng build --prod

Then the error

Date: 2018-01-26T14:53:26.710Z
Hash: be0055d9d2e9b07f86c9
Time: 1931ms
chunk {0} styles.9c0ad738f18adc3d19ed.bundle.css (styles) 79 bytes [initial] [rendered]
chunk {1} polyfills.3bc34265385d52184eab.bundle.js (polyfills) 86 bytes [initial] [rendered]
chunk {2} main.e402deade8b026b7d50e.bundle.js (main) 84 bytes [initial] [rendered]
chunk {3} inline.22b7623ed7c5ac6f9a35.bundle.js (inline) 1.45 kB [entry] [rendered]

ERROR in RangeError: Maximum call stack size exceeded
    at StaticSymbolResolver.resolveSymbol (C:\Users\HeDo\source\repos\repro-cli-max-stack\node_modules\@angular\compiler\bundles\compiler.umd.js:29112:14)
    at resolveReferenceValue (C:\Users\HeDo\source\repos\repro-cli-max-stack\node_modules\@angular\compiler\bundles\compiler.umd.js:32059:75)
    at simplify (C:\Users\HeDo\source\repos\repro-cli-max-stack\node_modules\@angular\compiler\bundles\compiler.umd.js:32222:65)
    at simplifyInContext (C:\Users\HeDo\source\repos\repro-cli-max-stack\node_modules\@angular\compiler\bundles\compiler.umd.js:32427:20)
    at simplifyNested (C:\Users\HeDo\source\repos\repro-cli-max-stack\node_modules\@angular\compiler\bundles\compiler.umd.js:32084:28)
    at simplify (C:\Users\HeDo\source\repos\repro-cli-max-stack\node_modules\@angular\compiler\bundles\compiler.umd.js:32224:36)
    at simplifyInContext (C:\Users\HeDo\source\repos\repro-cli-max-stack\node_modules\@angular\compiler\bundles\compiler.umd.js:32427:20)
    at simplifyNested (C:\Users\HeDo\source\repos\repro-cli-max-stack\node_modules\@angular\compiler\bundles\compiler.umd.js:32084:28)
    at simplify (C:\Users\HeDo\source\repos\repro-cli-max-stack\node_modules\@angular\compiler\bundles\compiler.umd.js:32224:36)
    at simplifyInContext (C:\Users\HeDo\source\repos\repro-cli-max-stack\node_modules\@angular\compiler\bundles\compiler.umd.js:32427:20)
    at simplifyNested (C:\Users\HeDo\source\repos\repro-cli-max-stack\node_modules\@angular\compiler\bundles\compiler.umd.js:32084:28)
    at simplify (C:\Users\HeDo\source\repos\repro-cli-max-stack\node_modules\@angular\compiler\bundles\compiler.umd.js:32224:36)
    at simplifyInContext (C:\Users\HeDo\source\repos\repro-cli-max-stack\node_modules\@angular\compiler\bundles\compiler.umd.js:32427:20)
    at simplifyNested (C:\Users\HeDo\source\repos\repro-cli-max-stack\node_modules\@angular\compiler\bundles\compiler.umd.js:32084:28)
    at simplify (C:\Users\HeDo\source\repos\repro-cli-max-stack\node_modules\@angular\compiler\bundles\compiler.umd.js:32224:36)
    at simplifyInContext (C:\Users\HeDo\source\repos\repro-cli-max-stack\node_modules\@angular\compiler\bundles\compiler.umd.js:32427:20)

[alexzuza]

I can confirm this issue. It is connected with angular-google-place library.

I investigated a bit this problem and here is what I've discovered psykolm22/angular-google-place#29

[filipesilva]

Going through @alexzuza excellend investigation in psykolm22/angular-google-place#29 (comment), this seems to be a duplicate of angular/angular#19219. That issue is closed but I'll post there that this still happens with some libraries to see if it needs more attention.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}