Cannot set property '_autoActivated' of undefined

[colouredFunk]

I'm trying to deploy my Angular App but after running ng build --prod --base-href . I get the following error -

 

main.afc84290417a517dd6c3.js:1 Uncaught TypeError: Cannot set property _autoActivated' of undefined
    at Object.zUnb (main.afc84290417a517dd6c3.js:1)
    at p (runtime.a66f828dca56eeb90e02.js:1)
    at Object.5 (main.afc84290417a517dd6c3.js:1)
    at p (runtime.a66f828dca56eeb90e02.js:1)
    at n (runtime.a66f828dca56eeb90e02.js:1)
    at Array.e [as push] (runtime.a66f828dca56eeb90e02.js:1)
    at main.afc84290417a517dd6c3.js:1

 

Which seems to be related to TweenMax.JS

 

export const TweenMax = TweenMaxBase;
TweenMax._autoActivated = [TimelineLite, TimelineMax, CSSPlugin, AttrPlugin, BezierPlugin, RoundPropsPlugin, DirectionalRotationPlugin, Back, Elastic, Bounce, RoughEase, SlowMo, SteppedEase, Circ, Expo, Sine, ExpoScaleEase];

 

If I just run `ng build` it runs fine

 

Versions:

 

"@angular/animations": "^6.0.7",
    "@angular/cdk": "^6.3.1",
    "@angular/common": "^6.0.7",
    "@angular/compiler": "^6.0.7",
    "@angular/core": "^6.0.7",
    "@angular/forms": "^6.0.7",
    "@angular/http": "^6.0.7",
    "@angular/material": "^6.3.1",
    "@angular/platform-browser": "^6.0.7",
    "@angular/platform-browser-dynamic": "^6.0.7",
    "@angular/router": "^6.0.7",
    "@types/three": "^0.92.11",
    "core-js": "^2.5.4",
    "gsap": "^2.0.1",
    "hammerjs": "^2.0.8",
    "normalize-scss": "^7.0.1",
    "normalize.css": "^8.0.0",
    "rxjs": "^6.2.1",
    "three": "^0.87.1",
    "three-effectcomposer-es6": "0.0.4",
    "three-screen-quad": "^0.2.1",
    "zone.js": "^0.8.26"

 

[GreenSock]

Hm, it sounds like a problem with your build system being too aggressive with tree-shaking. Maybe try referencing TweenMaxBase somewhere in your own code so that it doesn't get ripped out by tree shaking? 

import TweenMaxBase from "gsap/TweenMaxBase";
const activate = [TweenMaxBase];

 

It's tough to say without seeing your project, but it definitely sounds like over-aggressive tree shaking. 

[colouredFunk]

Unfortunately that didn't make a difference. 

 

It's a simple Angular 5 project, so I'm sure how to change the aggressive tree shaking?

[GreenSock]

Can you provide a reduced test case with only the absolutely essential code to demonstrate the issue? (Like, literally, just a few lines - no need to include your whole app). I haven't heard any other reports of something like this, so I'm curious what's going on in your particular case. 

[TPT Rich]

Hi all,

 

This can fix it. I have same problem. 

 

https://medium.com/@mr.frag85/using-gsap-with-angular-6-project-it-works-on-prod-too-9ac036f21487

[colouredFunk]

more on it here too https://stackoverflow.com/questions/51123831/ng-build-prod-cannot-set-property-autoactivated-of-undefined