Error looking for rxjs/operators.js #2971

bmkleine · 2017-10-18T17:59:23Z

**RxJS version: 5.5.0 **

Additional information:
It looks like there is still one place using the old operators file (src/observable/dom/AjaxObservable.ts) line 7: import { map } from '../../operators';

nagarajpatil · 2017-10-18T21:33:05Z

Is this issue fixed?

gildebrand · 2017-10-18T21:47:13Z

We ran into this issue as well, and pinned RxJS to version 5.4.3. This made it work for us again.

Tovrik · 2017-10-18T21:57:18Z

Did the same as @gildebrand but hoping that is just a temporary change and they fix it in 5.5.1 real fast 😬

apeman86 · 2017-10-18T21:57:31Z

We had to do the same as @gildebrand.

kwonoj · 2017-10-18T22:10:49Z

anyone mind sharing small repo to test out this failure? I'm trying to look into this now.

jasonaden · 2017-10-18T22:28:23Z

I would be willing to bet this is using SystemJS.

Internally we shouldn't be referring to rxjs/operators as it will work in development, but will fail with SystemJS.

gildebrand · 2017-10-18T22:46:53Z

@jasonaden that's correct that this occurs with SystemJS!

kwonoj · 2017-10-18T22:47:42Z

I have pushed fix, there'll be patch release once it's available.

nagarajpatil · 2017-10-18T23:05:05Z

Thanks version 5.4.3 worked for me. From: Anton Gildebrand [mailto:notifications@github.com] Sent: Wednesday, October 18, 2017 2:47 PM To: ReactiveX/rxjs <rxjs@noreply.github.com> Cc: nagarajpatil <nagaraj.patil@hotmail.com>; Comment <comment@noreply.github.com> Subject: Re: [ReactiveX/rxjs] Error looking for rxjs/operators.js (#2971) We ran into this issue as well, and pinned RxJS to version 5.4.3. This made it work for us again. — You are receiving this because you commented. Reply to this email directly, view it on GitHub<#2971 (comment)>, or mute the thread<https://github.com/notifications/unsubscribe-auth/AVopn1BQk0hRRMhSxfs-xWrnK7h_kICZks5stnHngaJpZM4P-Ha->.

zrsio4 · 2017-10-18T23:29:53Z

I've also reverted back to 5.4.3 for now.
I had a similar but different error when I removed rxjs from SystemJS config and added ".../node_modules/rxjs/bundles/Rx.js" script tag to the page header.

alan-agius4 · 2017-10-19T07:10:29Z

Having the same problem as well.

buu700 · 2017-10-19T14:37:53Z

I'm using webpack (Angular CLI), and all the operator functions are undefined at run-time for me with 5.5.0. Specifically, I'm getting an error when .first() is called on a BehaviorSubject.

Is this the same bug described here, or should I report it separately?

jasonaden · 2017-10-19T20:13:55Z

@buu700 I think this is a separate issue. If you could file an issue with a reproduction, that would be great.

buu700 · 2017-10-19T21:19:38Z

Got it, thanks! Actually, upon further investigation, I'm not sure whether this is an rxjs or Angular bug, so I'll report the details in a ticket there and CC you.

Edit: Actually this is probably just a package version mismatch.

shaycraft · 2017-10-20T20:27:38Z

I had this problem too (fixed by reverting the version) and I am using SystemJS. Is only WebPack going to be supported in the future?

jasonaden · 2017-10-20T20:40:49Z

@shaycraft Nope. Just waiting for a 5.5.1 release. If you were on master SystemJS would be working right now.

mlc-mlapis · 2017-10-21T08:55:41Z

This the file operators.js (zipped) that is necessary to temporarily add to node_modules/rxjs directory for RxJS 5.5.0 to enable it for using with SystemJS:

operators.zip

kylecordes · 2017-10-21T14:28:54Z

I maintain an automatic parallel package of RxJS, which produces a SystemJS bundle: https://www.npmjs.com/package/rxjs-system-bundle

... and of course I hit the same problem. I worked around it:

OasisDigital/rxjs-system-bundle@b0f714a#diff-0b83f9dedf40d7356e5ca147a077acb4R9

with a (hopefully very temporary) hack consisting of a single sed command:

sed -e "s/'\./'.\/operators/" <node_modules/rxjs/operators/index.js >node_modules/rxjs/operators.js

I don't recommend this, I just did it to keep producing a working bundle. Hopefully the need will evaporate with the upcoming 5.5.1.

pe8ter · 2017-10-24T18:36:26Z

@kylecordes I'm still seeing this issue with my SystemJS bundle on 5.5.1.

EDIT: But I suspect that this is a problem with my systemjs-builder config and not rxjs.

babeal · 2017-10-24T19:37:08Z

@pe8ter no i am seeing the same thing. They are requiring "operators" which is a folder which isn't allowed. Only webpack (or other bundler) allows import of folder where it assumes you mean the index inside of the folder. There is no way for system.js in the client to do this. This needs to be fixed as it is a breaking change.

kylecordes · 2017-10-24T20:06:07Z

@babeal What you're saying is true of the code as it is arrives from RxJS, but it is possible to work around it, and I have done so with an awful hack that I mentioned a few messages up. My hack creates the missing operators.ts file. It is ugly but it does work fine. When I get a chance I will post a Plunkr demonstrating it.

mlc-mlapis · 2017-10-24T20:24:31Z

@jasonaden ... did we understand wrongly that version 5.5.1 eliminates the problem with missing operators.js file (#2971 (comment))?

babeal · 2017-10-24T20:31:16Z

@kylecordes yea thanks. I hear you it's easy to fix but I don't want to have to do that for the 15 projects I maintain so I will lock to 5.4.x until this is fixed.

kylecordes · 2017-10-24T22:49:43Z

@pe8ter @babeal @mlc-mlapis Here are the changes in RxJS between 5.5.0 and 5.5.1; I don't think any of these are relevant to our SystemJS operators.ts problem here unfortunately. So I think the @kwonoj fix must have been about a different 5.5.0 glitch.

9538a20...0650c52

Here is a plunkr which shows my SystemJS redistribution of RxJS in action (look at config.js). Take a look at app.ts to see the operator import.

https://plnkr.co/edit/4Y6KAJ28Wwua8RSVaV8A?p=preview

schwede · 2017-10-24T23:42:50Z

It looks to me like the issue was introduced here: ba2f586#diff-5fe03a9b5bb68d1a34618cf458d64e1c

Is anyone working on a pull request for this?

mlc-mlapis · 2017-10-25T07:46:22Z

@kylecordes ... shouldn't be "rxjs/operators/*", added also?

bundles: {
    "npm:rxjs-system-bundle@5.5.0/Rx.system.js": [
      "rxjs",
      "rxjs/*",
      "rxjs/operator/*",
      "rxjs/operators/*",
      "rxjs/observable/*",
      "rxjs/scheduler/*",
      "rxjs/symbol/*",
      "rxjs/add/operator/*",
      "rxjs/add/observable/*",
      "rxjs/util/*"
    ]
}

pitAlex · 2017-11-17T00:51:44Z

I did this to make it work:

packages : {
    "rxjs/operators" : {
         "main": "index.js",
         "defaultExtension": "js"
    }
}

keithdechant · 2017-11-17T20:43:56Z

@pitAlex That worked great for me on my Angular 5 app. It's nice to have a workaround that doesn't require editing anything in node_modules.

You're missing a colon after "rxjs/operators", BTW.

sarunint · 2017-12-03T19:12:02Z

This issue is fixed in 5.5.3. All workarounds above can be ignored.

bevlison · 2018-02-14T13:38:34Z

I had the error : "looking for rxjs/operators.js",
when loading an angular TS file : "....service.js" ,
line 3 containing : "import { catchError, map, tap } from 'rxjs/operators';"
line 1 containing : "import { Observable } from 'rxjs/Observable';". That line gives no error! (so rxjs is available)

I don't know how relevant this is, but the solution was not changing version (of rxjs), nor editing the file named "systemjs.config.js", (adding a seperated referal to rxjs/operators, as a post above suggested to do). That systemjs file contains : "'rxjs': 'npm:rxjs',", which is explaining the availability of eg. rxjs/Observable in angular TS

SOLUTION for me was : changing line 3 in service file to : "import { catchError, map, tap } from 'rxjs/operators/index';"

EXPLAINED : When checking "./node_modules/rxjs" you won't find a file "operators.js", but you'll find a folder "operators". you could refer to the needed operators, or just all available (choosing for index.js)

Hopefully this solves and explains for others following same tutorials as I'm doing.

ChandraTerli · 2018-05-07T21:58:57Z

I am still having the same issue in Angular 6.0.0? does the issue still exists in latest version?

mlc-mlapis · 2018-05-07T22:17:39Z

@ChandraTerli ... ??? it was the issue with RxJS itself and not with Angular.

ChandraTerli · 2018-05-08T02:35:14Z

Thank you! for the response, I tried your suggestion but got 403 error saying access to is forbidden.

…

Sent from my iPhone

On May 7, 2018, at 5:17 PM, Miloš Lapiš ***@***.***> wrote: @ChandraTerli ... ??? it was the issue with RxJS itself and not with Angular. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

ChandraTerli · 2018-05-08T13:45:41Z

this is what I is in my Package.Json... "rxjs": "6.1.0" and in SystemJs.Config..,
'rxjs/operators': {
'main': 'index.js',
'defaultExtension': 'js'
}

ChandraTerli · 2018-05-08T13:48:06Z

and I get this error..
http://localhost:41211/node_modules/rxjs/ 403 (Forbidden)

mlc-mlapis · 2018-05-08T14:14:44Z

@ChandraTerli ... but the error is related to rxjs and not to rxjs/operators:

http://localhost:41211/node_modules/rxjs/ 403 (Forbidden)

Are you importing what when the error appears?

ChandraTerli · 2018-05-08T14:21:57Z

initial error was rxjs/operators then when I tried to fix it using what I mentioned above it started giving me this error, no not when importing. I am just trying to build a angular6 project and on initial run I see this error(s).

ChandraTerli · 2018-05-08T14:23:12Z

{
"name": "angular-quickstart",
"version": "1.0.0",
"description": "QuickStart package.json from the documentation, supplemented with testing support",
"scripts": {
"build": "tsc -p src/",
"build:watch": "tsc -p src/ -w",
"build:e2e": "tsc -p e2e/",
"serve": "lite-server -c=bs-config.json",
"serve:e2e": "lite-server -c=bs-config.e2e.json",
"prestart": "npm run build",
"start": "concurrently "npm run build:watch" "npm run serve"",
"pree2e": "npm run build:e2e",
"e2e": "concurrently "npm run serve:e2e" "npm run protractor" --kill-others --success first",
"preprotractor": "webdriver-manager update",
"protractor": "protractor protractor.config.js",
"pretest": "npm run build",
"test": "concurrently "npm run build:watch" "karma start karma.conf.js"",
"pretest:once": "npm run build",
"test:once": "karma start karma.conf.js --single-run",
"lint": "tslint ./src/**/*.ts -t verbose"
},
"keywords": [],
"author": "",
"license": "MIT",
"dependencies": {
"@angular/animations": "^6.0.0",
"@angular/common": "~6.0.0",
"@angular/compiler": "~6.0.0",
"@angular/core": "~6.0.0",
"@angular/forms": "~6.0.0",
"@angular/http": "~6.0.0",
"@angular/platform-browser": "~6.0.0",
"@angular/platform-browser-dynamic": "~6.0.0",
"@angular/router": "~6.0.0",
"angular-in-memory-web-api": "~0.6.0",
"systemjs": "0.21.3",
"core-js": "^2.5.6",
"rxjs": "6.1.0",
"zone.js": "0.8.26"
},
"devDependencies": {
"concurrently": "^3.2.0",
"lite-server": "^2.2.2",
"typescript": "~2.5.3",
"canonical-path": "0.0.2",
"tslint": "^3.15.1",
"lodash": "^4.16.4",
"jasmine-core": "~2.4.1",
"karma": "^1.3.0",
"karma-chrome-launcher": "^2.0.0",
"karma-cli": "^1.0.1",
"karma-jasmine": "^1.0.2",
"karma-jasmine-html-reporter": "^0.2.2",
"protractor": "~4.0.14",
"rimraf": "^2.5.4",
"@types/node": "^6.0.46",
"@types/jasmine": "2.5.36"
},
"repository": {}
}

ChandraTerli · 2018-05-08T14:23:16Z

/**

System configuration for Angular samples
Adjust as necessary for your application needs.
*/
(function (global) {
System.config({
paths: {
// paths serve as alias
'npm:': 'node_modules/'
},
// map tells the System loader where to look for things
map: {
// our app is within the app folder
'app': 'app',

// angular bundles
'@angular/core': 'npm:@angular/core/bundles/core.umd.js',
'@angular/common': 'npm:@angular/common/bundles/common.umd.js',
'@angular/compiler': 'npm:@angular/compiler/bundles/compiler.umd.js',
'@angular/platform-browser': 'npm:@angular/platform-browser/bundles/platform-browser.umd.js',
'@angular/platform-browser-dynamic': 'npm:@angular/platform-browser-dynamic/bundles/platform-browser-dynamic.umd.js',
'@angular/http': 'npm:@angular/http/bundles/http.umd.js',
'@angular/router': 'npm:@angular/router/bundles/router.umd.js',
'@angular/forms': 'npm:@angular/forms/bundles/forms.umd.js',

// other libraries
'rxjs': 'npm:rxjs',
'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js'
},
// packages tells the System loader how to load when no filename and/or no extension
packages: {
app: {
defaultExtension: 'js',
meta: {
'./*.js': {
loader: 'systemjs-angular-loader.js'
}
}
},
rxjs: {
defaultExtension: 'js'
},
'rxjs/operators': {
'main': 'index.js',
'defaultExtension': 'js'
}
}
});
})(this);

mlc-mlapis · 2018-05-08T14:42:59Z

@ChandraTerli ... it looks that you use SystemJS in the project. Is it an older app? And you want to migrate to Angular 6 now? Then I recommend you to start with a fresh project and with Angular CLI and migrate you previous app step by step.

adal2404-Real · 2018-05-29T23:22:55Z

Hello!, taken the @pitAlex recommendations, I makes that change on system.config.js and add a similar rxjs config for the error http://localhost:41211/node_modules/rxjs/ 403 (Forbidden), tested with Angular 6.0.3 and rxjs 6.2.0, and it work!!

  packages: {
        app: {
            defaultExtension: 'js',
            meta: {
                './*.js': {
                    loader: 'systemjs-angular-loader.js'
                }
            }
        },
        rxjs: {
            main: 'index.js',
            defaultExtension: 'js'
        },
        "rxjs/operators": {
            main: 'index.js',
            defaultExtension: 'js'
        }
    }

FrancescoBorzi · 2018-06-25T09:29:23Z

I'm having a similar issue since rxjs 6:

GET https://unpkg.com/rxjs@6.2.1/operators.js 404 ()
previewer.483de356abd4ac4365bd.js:1 Error: (SystemJS) Error: XHR error (404) loading https://unpkg.com/rxjs/operators.js
at XMLHttpRequest.wrapFn (https://unpkg.com/zone.js@0.8.26/dist/zone.js:1188:39)
at ZoneDelegate.invokeTask (https://unpkg.com/zone.js@0.8.26/dist/zone.js:421:31)
at Zone.runTask (https://unpkg.com/zone.js@0.8.26/dist/zone.js:188:47)
at ZoneTask.invokeTask [as invoke] (https://unpkg.com/zone.js@0.8.26/dist/zone.js:496:34)
at invokeTask (https://unpkg.com/zone.js@0.8.26/dist/zone.js:1540:14)
at XMLHttpRequest.globalZoneAwareCallback (https://unpkg.com/zone.js@0.8.26/dist/zone.js:1566:17)
Error loading https://unpkg.com/rxjs/operators.js as "rxjs/operators" from https://unpkg.com/@angular/core/bundles/core.umd.js

ursseenu71 · 2018-06-29T19:57:04Z

@ShinDarth did you find a fix for the error you posted? I am getting the same error with rxjs 6, angular 6. Appreciate your help if you can give me some pointers on how this can be fixed.

FrancescoBorzi · 2018-06-30T10:54:50Z

not yet

FrancescoBorzi · 2018-07-11T14:37:39Z

@ursseenu71 FYI: I've raised a question here: https://stackoverflow.com/questions/51288263/plunker-error-get-https-unpkg-com-rxjs6-2-1-operators-js-404

I'll post the solution there in case I find one.

mlc-mlapis · 2018-07-11T15:28:59Z

@ShinDarth ... entry point for an operator is rxjs/operators ... not 'rxjs'.

This is due to the problem loading it with SystemJS described at: ReactiveX/rxjs#2971

kwonoj mentioned this issue Oct 18, 2017

fix(ajaxobservable): fix operator import path #2973

Merged

mlc-mlapis mentioned this issue Oct 21, 2017

RxJS 5.5.0 ... and new lettable operators OasisDigital/rxjs-system-bundle#4

Closed

JiaLiPassion mentioned this issue Oct 22, 2017

fix(timer): setInterval should not auto cancel after callback invoked, fix rxjs version to pass CI angular/zone.js#935

Merged

chrisbmoore mentioned this issue Oct 23, 2017

build.bundle.rxjs is failing mgechev/angular-seed#2105

Closed

zijianhuang mentioned this issue Nov 7, 2017

npm install of latest 5.0.0-rc0 fails against latest angular angular/components#8263

Closed

BoykoAlex mentioned this issue Nov 9, 2017

Update to Angular 5 (Incl CLI 1.5) spring-cloud/spring-cloud-dataflow-ui#526

Closed

timbell mentioned this issue Nov 10, 2017

8-beta.4 fails to load under SystemJS ronzeidman/ng2-ui-auth#125

Closed

mikejohanson mentioned this issue Nov 13, 2017

Error 404 for rxjs/operators.js on running unit tests mgechev/angular-seed#2112

Closed

dependabot-preview bot mentioned this issue Mar 14, 2018

Bump rxjs from 5.5.6 to 5.5.7 in /frontend Xenira/Shashki#66

Merged

gms1 mentioned this issue Apr 1, 2018

angular v6: SystemJS examples are broken: has workaround gms1/angular-dynaform#9

Closed

sconix mentioned this issue Apr 5, 2018

Karma fails to resolve rxjs/operators zefoy/ngx-perfect-scrollbar#178

Closed

adal2404-Real mentioned this issue May 29, 2018

Fetch error: rxjs/operators.js 404 (Not Found) angular/flex-layout#515

Closed

lddubeau added a commit to mangalam-research/wed-demo that referenced this issue Jul 26, 2018

Don't use RxJS 5.5 or higher yet.

6f147d6

This is due to the problem loading it with SystemJS described at: ReactiveX/rxjs#2971

lock bot locked as resolved and limited conversation to collaborators Aug 10, 2018

Error looking for rxjs/operators.js #2971

Error looking for rxjs/operators.js #2971

Comments

bmkleine commented Oct 18, 2017

nagarajpatil commented Oct 18, 2017

gildebrand commented Oct 18, 2017

Tovrik commented Oct 18, 2017

apeman86 commented Oct 18, 2017

kwonoj commented Oct 18, 2017

jasonaden commented Oct 18, 2017

gildebrand commented Oct 18, 2017

kwonoj commented Oct 18, 2017

nagarajpatil commented Oct 18, 2017 via email

zrsio4 commented Oct 18, 2017

alan-agius4 commented Oct 19, 2017

buu700 commented Oct 19, 2017

jasonaden commented Oct 19, 2017

buu700 commented Oct 19, 2017 • edited Loading

shaycraft commented Oct 20, 2017

jasonaden commented Oct 20, 2017

mlc-mlapis commented Oct 21, 2017

kylecordes commented Oct 21, 2017 • edited Loading

pe8ter commented Oct 24, 2017 • edited Loading

babeal commented Oct 24, 2017 • edited Loading

kylecordes commented Oct 24, 2017

mlc-mlapis commented Oct 24, 2017

babeal commented Oct 24, 2017

kylecordes commented Oct 24, 2017

schwede commented Oct 24, 2017

mlc-mlapis commented Oct 25, 2017

pitAlex commented Nov 17, 2017 • edited Loading

keithdechant commented Nov 17, 2017

sarunint commented Dec 3, 2017

bevlison commented Feb 14, 2018

ChandraTerli commented May 7, 2018

mlc-mlapis commented May 7, 2018

ChandraTerli commented May 8, 2018 via email

ChandraTerli commented May 8, 2018

ChandraTerli commented May 8, 2018

mlc-mlapis commented May 8, 2018

ChandraTerli commented May 8, 2018

ChandraTerli commented May 8, 2018

ChandraTerli commented May 8, 2018

mlc-mlapis commented May 8, 2018

adal2404-Real commented May 29, 2018

FrancescoBorzi commented Jun 25, 2018

ursseenu71 commented Jun 29, 2018

FrancescoBorzi commented Jun 30, 2018

FrancescoBorzi commented Jul 11, 2018

mlc-mlapis commented Jul 11, 2018

buu700 commented Oct 19, 2017 •

edited

Loading

kylecordes commented Oct 21, 2017 •

edited

Loading

pe8ter commented Oct 24, 2017 •

edited

Loading

babeal commented Oct 24, 2017 •

edited

Loading

pitAlex commented Nov 17, 2017 •

edited

Loading