Kendo-angular: Error while loading Kendo UI Grid angular 4.2.2

[naouaro]

I have updated Rxjs to 5.5.7 as mentioned on documentation
but I got this error

Error Uncaught (in promise) TypeError :
this.changegedSource.asObservable(...).pipe is not a function

Is anyone facing this Error ?

[tsvetomir]

Please check that the package version is not being held back by package-lock.json. Remove it and re-install the packages to be certain.

[naouaro]

Actually, I have found two versions of Rxjs in package-lock.json, but they are both higher than 5.5.
However, I built a fresh project which meets all requirements with no package-lock.json at all, but still getting the same error.
I am working on ASP.Net/Angular project.

[tsvetomir]

Please, submit a support ticket and include the sample project, if possible. We'd love to help!

I'll close this issue as it seems to be related to the specific project.

[andrewgpl]

Hi,
could you please describe the solution? I have exactly the same error (ASP.NET Core 2.0, Angular 5.2.9, RxJS 5.5.7, Kendo Grid 2.1.2).

[tsvetomir]

@andrewgpl do you have as sample project we can test with? Also, what does npm ls rxjs print in your project?

[andrewgpl]

@tsvetomir npm ls rxjs returns [email protected] (rxjs was updated recently)

Sample app was created in VS2017 from ASP.NET Core 2.0 Web App / Angular template.
Then it was migrated to Angular 5 using this tutorial:
http://www.talkingdotnet.com/upgrade-angular-4-app-angular-5-visual-studio-2017/

KendoAngularApp.zip

[moutono]

Hi. I have the same problem.
I am trying to update my libraries and got this error:
this.changedSource.asObservable(...).pipe is not a function.

It only happens when I navigate to a component that contains a grid.

I deleted package-lock.json.
Using [email protected].
I have tried different grid versions.
Currently I am on:
@progress/kendo-angular-grid 2.1.3-dev.201803221421

But the error still occurs.

[tsvetomir]

@andrewgpl thanks for the sample project. I started it with npm install && dotnet run, but I didn't get any errors. I'm using dotnet 2.1.3. Did I miss something?

@moutono try removing node_modules as well, as a previous install might have dropped concurrent rxjs versions.

[andrewgpl]

@tsvetomir thanks for checking the sample. And you didn't miss anything - everything is ok when running from the console. Seems like a workaround for the time being ;) Now I have to find what is wrong with my VS setup... Thanks anyway!

[tsvetomir]

We recommend the new project template for .NET Core projects, see the updated help article. It's built around the Angular CLI instead of a custom build which makes it a lot more predictable.

[craghavendra21]

Hi @tsvetomir , I am also facing the same issue. Please let me know what should I do for resolving this.
I have pasted my package json below. I am working on edit sample of kendo ui grid https://www.telerik.com/kendo-angular-ui/components/grid/editing/in-cell-editing/

error is in this file /node_modules/@progress/kendo-angular-grid/dist/es/editing/edit.service.js
In below function this.changed is giving error.

    function EditService(ngZone) {
        this.ngZone = ngZone;
        this.changes = new EventEmitter();
        this.editedIndices = [];
        this.keepEditCell = false;
        this.closingCell = false;
        this.changedSource = new Subject();
        this.changed = this.changedSource.asObservable().pipe(debounceTime(0));
    }

core.js:1448 ERROR Error: Uncaught (in promise): TypeError: this.changedSource.asObservable(...).pipe is not a function
TypeError: this.changedSource.asObservable(...).pipe is not a function
    at new t (edit.service.js:29)
    at to (core.js:12439)
    at Ji (core.js:12416)
    at $i (core.js:12257)
    at Do (core.js:13729)
    at Uo (core.js:14176)
    at Vo (core.js:14085)
    at Do (core.js:13770)
    at Oo (core.js:13631)
    at Os (core.js:15056)
    at new t (edit.service.js:29)
    at to (core.js:12439)
    at Ji (core.js:12416)
    at $i (core.js:12257)
    at Do (core.js:13729)
    at Uo (core.js:14176)
    at Vo (core.js:14085)
    at Do (core.js:13770)
    at Oo (core.js:13631)
    at Os (core.js:15056)
    at resolvePromise (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:86577)
    at resolvePromise (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:86548)
    at vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:86625
    at ZoneDelegate.invokeTask (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:86231)
    at Object.onInvokeTask (core.js:4740)
    at ZoneDelegate.invokeTask (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:86230)
    at Zone.runTask (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:85998)
    at drainMicroTaskQueue (vendor.js?v=RCvRrqPvM2Kc5BlkEQ045FeXR6gPMRIwfn51ludN14I:86391)



md5-934296a172d7f3a86f7e96071871a9f7



{
  "name": "CoreAngular_Code",
  "private": true,
  "version": "0.0.0",
  "scripts": {
    "test": "karma start ClientApp/test/karma.conf.js"
  },
  "devDependencies": {
    "@angular/animations": "5.2.9",
    "@angular/common": "5.2.9",
    "@angular/compiler": "5.2.9",
    "@angular/compiler-cli": "5.2.9",
    "@angular/core": "5.2.9",
    "@angular/forms": "5.2.9",
    "@angular/http": "5.2.9",
    "@angular/platform-browser": "5.2.9",
    "@angular/platform-browser-dynamic": "5.2.9",
    "@angular/platform-server": "5.2.9",
    "@angular/router": "5.2.9",
    "@ngtools/webpack": "6.0.0-rc.4",
    "@types/chai": "4.1.2",
    "@types/jasmine": "2.8.6",
    "@types/webpack-env": "1.13.6",
    "angular2-router-loader": "0.3.5",
    "angular2-template-loader": "0.6.2",
    "aspnet-prerendering": "^3.0.1",
    "aspnet-webpack": "^2.0.1",
    "awesome-typescript-loader": "5.0.0",
    "bootstrap": "3.3.7",
    "chai": "4.1.2",
    "css": "2.2.1",
    "css-loader": "0.28.11",
    "es6-shim": "0.35.3",
    "event-source-polyfill": "0.0.12",
    "expose-loader": "0.7.5",
    "extract-text-webpack-plugin": "3.0.2",
    "file-loader": "1.1.11",
    "html-loader": "0.5.5",
    "isomorphic-fetch": "2.2.1",
    "jasmine-core": "3.1.0",
    "jquery": "^3.3.1",
    "json-loader": "0.5.7",
    "karma": "2.0.0",
    "karma-chai": "0.1.0",
    "karma-chrome-launcher": "2.2.0",
    "karma-cli": "1.0.1",
    "karma-jasmine": "1.1.1",
    "karma-webpack": "3.0.0",
    "popper.js": "^1.14.3",
    "preboot": "6.0.0-beta.3",
    "raw-loader": "0.5.1",
    "reflect-metadata": "0.1.12",
    "rxjs": "^5.5.10",
    "style-loader": "0.20.3",
    "to-string-loader": "1.1.5",
    "typescript": "2.8.1",
    "url-loader": "1.0.1",
    "webpack": "4.5.0",
    "webpack-hot-middleware": "2.21.2",
    "webpack-merge": "4.1.2",
    "zone.js": "0.8.26"
  },
  "dependencies": {
    "@progress/kendo-angular-buttons": "^4.0.0",
    "@progress/kendo-angular-dateinputs": "^2.2.0",
    "@progress/kendo-angular-dialog": "^3.4.0",
    "@progress/kendo-angular-dropdowns": "^2.1.0",
    "@progress/kendo-angular-excel-export": "^1.0.7",
    "@progress/kendo-angular-grid": "^3.0.0",
    "@progress/kendo-angular-inputs": "^2.2.0",
    "@progress/kendo-angular-intl": "^1.4.0",
    "@progress/kendo-angular-l10n": "^1.1.0",
    "@progress/kendo-data-query": "^1.2.2",
    "@progress/kendo-drawing": "^1.5.2",
    "@progress/kendo-theme-default": "^2.50.0"
  }
}

[tsvetomir]

@craghavendra21 the pacage list looks okay. Please delete "package-lock.json", "node_modules" and reinstall the packages.