Angular 5. Error: ./node_modules/rxjs/observable/BoundNodeCallbackObservable.js

anton_klochko · November 13, 2017, 2:05pm

Hi all ! Could anyone suggest please … how properly in Angular 5 use RXJS operators ? I can not build my app.

I receive the error when building with --prod flag (ionic).

Error: ./node_modules/rxjs/observable/BoundNodeCallbackObservable.js
Module build failed: TypeError: Cannot read property 'type' of undefined
    at Object.getEffectiveTypeAnnotationNode (D:\tmp\ionic2\ezpart-mobile-svn\no
de_modules\typescript\lib\typescript.js:9341:17)
    at assignContextualParameterTypes (D:\tmp\ionic2\ezpart-mobile-svn\node_modu
les\typescript\lib\typescript.js:41652:25)
    at checkFunctionExpressionOrObjectLiteralMethod (D:\tmp\ionic2\ezpart-mobile
-svn\node_modules\typescript\lib\typescript.js:41948:29)
    at checkExpressionWorker (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\types
cript\lib\typescript.js:42959:28)
    at checkExpression (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\typescript\
lib\typescript.js:42898:42)
    at checkExpressionCached (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\types
cript\lib\typescript.js:42779:38)
    at checkReturnStatement (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\typesc
ript\lib\typescript.js:45418:54)
    at checkSourceElement (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\typescri
pt\lib\typescript.js:46763:28)
    at Object.forEach (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\typescript\l
ib\typescript.js:1506:30)
    at checkBlock (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\typescript\lib\t
ypescript.js:44563:16)
 @ ./node_modules/rxjs/observable/bindNodeCallback.js 2:36-76
 @ ./node_modules/rxjs/add/observable/bindNodeCallback.js
 @ ./node_modules/rxjs/Rx.js
 @ ./src/providers/loginProvider.ts
 @ ./src/app/app.module.ngfactory.js
 @ ./src/app/main.ts,./node_modules/rxjs/observable/BoundCallbackObservable.js
Module build failed: TypeError: Cannot read property 'type' of undefined
    at Object.getEffectiveTypeAnnotationNode (D:\tmp\ionic2\ezpart-mobile-svn\no
de_modules\typescript\lib\typescript.js:9341:17)
    at assignContextualParameterTypes (D:\tmp\ionic2\ezpart-mobile-svn\node_modu
les\typescript\lib\typescript.js:41652:25)
    at checkFunctionExpressionOrObjectLiteralMethod (D:\tmp\ionic2\ezpart-mobile
-svn\node_modules\typescript\lib\typescript.js:41948:29)
    at checkExpressionWorker (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\types
cript\lib\typescript.js:42959:28)
    at checkExpression (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\typescript\
lib\typescript.js:42898:42)
    at checkExpressionCached (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\types
cript\lib\typescript.js:42779:38)
    at checkReturnStatement (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\typesc
ript\lib\typescript.js:45418:54)
    at checkSourceElement (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\typescri
pt\lib\typescript.js:46763:28)
    at Object.forEach (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\typescript\l
ib\typescript.js:1506:30)
    at checkBlock (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\typescript\lib\t
ypescript.js:44563:16)
 @ ./node_modules/rxjs/observable/bindCallback.js 2:32-68
 @ ./node_modules/rxjs/add/observable/bindCallback.js
 @ ./node_modules/rxjs/Rx.js
 @ ./src/providers/loginProvider.ts
 @ ./src/app/app.module.ngfactory.js
 @ ./src/app/main.ts
    at BuildError.Error (native)
    at new BuildError (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\@ionic\app-s
cripts\dist\util\errors.js:16:28)
    at callback (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\@ionic\app-scripts
\dist\webpack.js:121:28)
    at emitRecords.err (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\webpack\lib
\Compiler.js:269:13)
    at Compiler.emitRecords (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\webpac
k\lib\Compiler.js:375:38)
    at emitAssets.err (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\webpack\lib\
Compiler.js:262:10)
    at applyPluginsAsyncSeries1.err (D:\tmp\ionic2\ezpart-mobile-svn\node_module
s\webpack\lib\Compiler.js:368:12)
    at next (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\tapable\lib\Tapable.js
:218:11)
    at Compiler.compiler.plugin (D:\tmp\ionic2\ezpart-mobile-svn\node_modules\we
bpack\lib\performance\SizeLimitsPlugin.js:99:4)
    at Compiler.applyPluginsAsyncSeries1 (D:\tmp\ionic2\ezpart-mobile-svn\node_m
odules\tapable\lib\Tapable.js:222:13)

import { timeout } from 'rxjs/operator/timeout';
import { map } from 'rxjs/operator/map';

  this.http.post(this.login.rootUrl + 'logs.php', send).timeout(30000
  ).map(
  res=>res.json()
  ).subscribe(ans=> {
  loading.dismissAll();
   resolve(ans);
   },

Should I using .pipe() ? When I am trying

this.http.post(this.actions.deactivate, data).pipe(timeout(30000)).subscribe(serverData => { … my development environment highlights an error near pipe.

    @ionic/cli-utils  : 1.18.0
    ionic (Ionic CLI) : 3.18.0

global packages:

    cordova (Cordova CLI) : 7.1.0

local packages:

    @ionic/app-scripts : 3.1.0
    Cordova Platforms  : android 6.2.3
    Ionic Framework    : ionic-angular 3.9.2

System:

    Android SDK Tools : 25.2.5
    Node              : v6.9.0
    npm               : 3.10.8
    OS                : Windows 7

Environment Variables:

    ANDROID_HOME : C:\Users\anton\AppData\Local\Android\sdk

Misc:

    backend : pro

jbgomez21 · November 13, 2017, 4:25pm

Hi @anton_klochko

I had same issue…
The problem was I was using

import ‘rxjs/add/observable/bindCallback’;

I don’t know why it’s fail, but I commented that code line and it works.

Regards

anton_klochko · November 13, 2017, 4:38pm

jbgomez21, good day ! And how you now import bindCallback ? You using this operator in your code ?

jbgomez21 · November 13, 2017, 4:43pm

I’m not using import bindCallback, but I had the code line import ‘rxjs/add/observable/bindCallback’ in my source

pe1 · November 13, 2017, 9:39pm

I am getting the same error, no idea how to resolve so far

ionic cordova run android --prod

: ./node_modules/rxjs/observable/BoundCallbackObservable.js
Module build failed: TypeError: Cannot read property 'type' of undefined

  @ionic/cli-utils  : 1.18.0
    ionic (Ionic CLI) : 3.18.0

global packages:

    cordova (Cordova CLI) : not installed

local packages:

    @ionic/app-scripts : 3.1.1
    Cordova Platforms  : android 6.2.3
    Ionic Framework    : ionic-angular 3.9.2

System:

    Android SDK Tools : 25.2.5
    Node              : v6.9.2
    npm               : 5.3.0
    OS                : Windows 7

anton_klochko · November 14, 2017, 9:47am

npm install -g typescript@2.6.1 and remove import 'rxjs'; help a little …

fkProunix · November 14, 2017, 10:56am

I just seem to have solved this for me by:

updating to typescript 2.6.1
removing all import 'rxjs'; statements from various files (guess they were outdated anyway)
adding a single import 'rxjs/Rx'; statement in the main.ts

also I always use imports like import {Observable} from 'rxjs/Observable'; instead of import {Observable} from 'rxjs'; some peoeple seem to have had problems with those after upgrading

see also https://github.com/angular/angular/issues/20095

pe1 · November 14, 2017, 7:01pm

I updated typescript to 2.6.1 and Observable and all operators (of, concat, timeout, retry, do, empty) i import from rxjs package: import { Observable } from 'rxjs';

Now i can build the app, thanks guys!

diarcastro · November 14, 2017, 7:43pm

Please read de documentation since HttpClient section because some things have changed and you need to update them. Read this article:
https://alligator.io/angular/angular-5/ and maybe you can use https://angular-update-guide.firebaseapp.com/

lakshmipm · December 14, 2017, 1:07pm

i had same issue. I have changed import { Observable } from ‘rxjs/Rx’; to import { Observable } from ‘rxjs/Observable’;. It got resolved. I may be late but Hope it will help

Topic		Replies	Views
Error TS2 339: Property 'timeout' does not exist on type 'Observable<Response>' ionic-v3	11	7742	July 19, 2021
RxJs failure after update ionic-v3	1	1013	December 8, 2015
Error: Property map does not exist on type observable ionic-v3	3	8741	August 23, 2016
Build Error NGC ionic-v3	2	761	September 30, 2016
Ionic2 beta 8 load json file ionic-v3	6	2427	June 16, 2016

Angular 5. Error: ./node_modules/rxjs/observable/BoundNodeCallbackObservable.js

Related topics