TypeError: __extends is not a function

[timfogarty1549]

I have an angular 2 app that works fine with 5.0.0-rc.1 but fails to load with 5.0.0-rc.2 thru 5. The error in the console (line numbers for rc.5) is

home:40 Error: (SystemJS) __extends is not a function
TypeError: __extends is not a function
at eval (http://localhost:3000/node_modules/rxjs/bundles/Rx.js:345:5)
at Object.eval (http://localhost:3000/node_modules/rxjs/bundles/Rx.js:356:2)
at ZoneDelegate.invoke (http://localhost:3000/node_modules/zone.js/dist/zone.js:229:26)
at Zone.run (http://localhost:3000/node_modules/zone.js/dist/zone.js:113:43)
at http://localhost:3000/node_modules/zone.js/dist/zone.js:509:57
at ZoneDelegate.invokeTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:262:35)
at Zone.runTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:151:47)
at drainMicroTaskQueue (http://localhost:3000/node_modules/zone.js/dist/zone.js:405:35)
at XMLHttpRequest.ZoneTask.invoke (http://localhost:3000/node_modules/zone.js/dist/zone.js:336:25)
Error loading http://localhost:3000/main
at eval (http://localhost:3000/node_modules/rxjs/bundles/Rx.js:345:5)
at Object.eval (http://localhost:3000/node_modules/rxjs/bundles/Rx.js:356:2)
at ZoneDelegate.invoke (http://localhost:3000/node_modules/zone.js/dist/zone.js:229:26)
at Zone.run (http://localhost:3000/node_modules/zone.js/dist/zone.js:113:43)
at http://localhost:3000/node_modules/zone.js/dist/zone.js:509:57
at ZoneDelegate.invokeTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:262:35)
at Zone.runTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:151:47)
at drainMicroTaskQueue (http://localhost:3000/node_modules/zone.js/dist/zone.js:405:35)
at XMLHttpRequest.ZoneTask.invoke (http://localhost:3000/node_modules/zone.js/dist/zone.js:336:25)
Error loading http://localhost:3000/main

[pickworth]

I am also having the same issue

Uncaught TypeError: __extends is not a function(…) Rx.js:345 
  (anonymous function) @ Rx.js:345
  (anonymous function) @ Rx.js:356
  execCb @ require.min.js:1
  check @ require.min.js:1enable @ require.min.js:1
  init @ require.min.js:1callGetModule @ require.min.js:1
  completeLoad @ require.min.js:1onScriptLoad @ require.min.js:1

Using latest version from npm, almost vanilla app, no ui frameworks etc apart from jquery so far..

My Version installed from $ npm ls

...
└─┬ rxjs@5.0.0-rc.5
  └── symbol-observable@1.0.4

[benlesh]

Hmm... this seems like some strange SystemJS thing. That __extends method is something for classes generated by TypeScript.

@robwormald, have you seen this with SystemJS in the past?

FWIW, I use the bundled version from bundles/Rx.js all the time, and I haven't run into this issue, but I'm not using System.js.

[benlesh]

@timfogarty1549 or @nmors do either of you have a minimum example you can share to help us debug this issue?

[robwormald]

digging through the rc5 system bundle, it all looks OK to me.

@timfogarty1549 w/ angular2 i'd strongly suggest using a bundler rather than the bundles Rx provides.

[nording]

I'm also having the same issue.
What I have found out is that since rc.2 the helper functions (tslib) that adds __extends, __assign, __decorate, __param, __metadata and __awaiter is never executed if you are using SystemJS.
It is only executed if you import "tslib".
This is different from the rc.1, where the __extends function is created anyway.
When bundles/Rx.js is used, it breaks in the function "UnsubscriptionError" because that is where it look likes __extends first is executed.

[hartjus]

I'm seeing this same error on my Angular2, luckily I'm getting it while running Karma and not at runtime.

Any ideas on how to fix this?

Angular2 2.3.1
rxjs 5.0.0-rc4
Typescript: 2.0.2

Rx.js:388 Uncaught TypeError: __extends is not a function
    at http://localhost:9876/base/dist/libs/rxjs/bundles/Rx.js:388:5
    at http://localhost:9876/base/dist/libs/rxjs/bundles/Rx.js:399:2
    at root (http://localhost:9876/base/dist/libs/rxjs/bundles/Rx.js:340:6)
    at http://localhost:9876/base/dist/libs/rxjs/bundles/Rx.js:341:2(anonymous function) @ Rx.js:388(anonymous function) @ Rx.js:399root @ Rx.js:340(anonymous function) @ Rx.js:341

core.umd.js:4041 Uncaught TypeError: Cannot read property 'prototype' of undefined
    at __extends$6 (http://localhost:9876/base/dist/libs/@angular/core/bundles/core.umd.js:4041:72)
    at http://localhost:9876/base/dist/libs/@angular/core/bundles/core.umd.js:4089:9
    at http://localhost:9876/base/dist/libs/@angular/core/bundles/core.umd.js:4143:6
    at http://localhost:9876/base/dist/libs/@angular/core/bundles/core.umd.js:9:6
    at http://localhost:9876/base/dist/libs/@angular/core/bundles/core.umd.js:10:2

I'm loading up the rxjs bundles through /rxjs/bundles/Rx.js into my karma.conf.js

{pattern: 'dist/libs/rxjs/bundles/Rx.js', included: true, watched: false},
            {pattern: 'dist/libs/rxjs/**/*', included: false, watched: false},

in my systemJS config file, I have:
'rxjs': {main: 'bundles/Rx.min.js', defaultExtension: 'js'},

[kwonoj]

Anyone experiencing this issue, would you mind to add bit more details?

• which package of rxjs you're using? (umd vs. cjs...)
• configuration of repo : TypeScript version, rxjs import configuration (i.e systemjs, webpack, etcs else)
• (optional): any barebone code repo repduces this issue

[edobry]

@kwonoj I am loading the global UMD distribution of RxJS through require.js, no config whatsoever besides specifying the file path.

[nording]

I created a plnkr where the issue is available:
https://plnkr.co/edit/fTWLTjnbUV2R1P9EkSA9

[kwonoj]

My gut feeling at this moment is this is somewhat related to #2093 / #2121 since it seems it's missing known helper function signature from TypeScript. (not saying given PR is invalid, seems somehow not play along with some configurations)

[dtniland]

I was trying to switch from rxjs-es to @reacitvex/rxjs and ran into this error when I pointed my files at the dist/es6 files directly. I had assumed that those files would be completely written in es6 and fit in nicely with our current es6 modules, but found that the files only used es6-style modules without the body of those modules being transpiled to es6. It seems that this __extends function comes with the cjs-style module system somehow, and that in mixing the es5 code body with es6 modules, the _extend function was stranded in there.

Then I noticed the npm script:
"compile_module_es6": "tsc ./dist/es6/src/Rx.ts ./dist/es6/src/add/observable/of.ts -m es2015 --sourceMap --outDir ./dist/es6 --target ES5 -d --diagnostics --pretty --noImplicitAny --noImplicitReturns --noImplicitThis --suppressImplicitAnyIndexErrors --moduleResolution node --noEmitHelpers --lib es5,es2015.iterable,es2015.collection,es2015.promise,dom ",

notice -target ES5 and --lib es5
WTH? This seems like a pretty careless copy-paste error. when I change -target to ES6 and start --lib es6, then it all compiles as expected and the __extends magically disappears.

So I know how to fix it, but it's quite inconvenient for my automated build system to have to cd into node_modules, hit npm install for this library, change the package.json, then run the modified compile_module_es6 script. Either that or I just put the modified files in my local npm repo and point to that in my projects.

Or... someone can fix the script and check in the new files and upload them to npm. I would be happy to check in a fix for the npm scripts, but I don't know what procedure you use for updating your npm version.

[kwonoj]

@dtniland uh..actually @reactivex/rxjs should not include es6 dist anymore, not sure how it did included again. (#2019)

There are some histories of native ES2015 module and final conclusion is release version of RxJS does not publish es6 package as well, notice -target ES5 and --lib es5 WTH? This seems like a pretty careless copy-paste error. : this is even intended (though I agree script name is super confusing) for internal-use-only to generate UMD build (#2093 (comment))

So in your case, I'd like to suggest to use cjs / global under @ReactiveX package or directly install cjs via npm install rxjs. Actually your detailed explanation may be answer to all of this issue that some of users are accidentally referring unintended package published.

[benlesh]

@kwonoj ... it seems there was an accidental publish. Obviously my fault. We're not cleaning out the dist/es6 directory on clean up. So if I published the docs, which require the building of es6, then it's sitting in there and gets published. :\ That's unfortunate.

[edobry]

@Blesh will RxJS 5 continue to support AMD?