Rank 1
Error: node_modules/@progress/kendo-angular-grid/localization/custom-messages.component.d.ts:15:19 -
error TS2611: 'override' is defined as a property in class 'GridMessages', but is
overridden here in 'CustomMessagesComponent' as an accessor. 15 protected get override(): boolean;
I have done this:
Upgraded Angular version 15.2.6 from 12
I installed kendo grid - > npm i @progress/kendo-angular-grid@7.4.2
Have removed package-lock.json and cleaned the npm cache multiple times.
also removed the node_modules folder and reinstalled the dependencies.
Here are the packages installed:
"@angular/animations": "^15.2.0",
"@angular/cli": "^15.2.0",
"@angular/common": "^15.2.0",
"@angular/compiler": "^15.2.0",
"@angular/core": "^15.2.0",
"@angular/forms": "^15.2.0",
"@angular/platform-browser": "^15.2.0",
"@angular/platform-browser-dynamic": "^15.2.0",
"@angular/router": "^15.2.0",
"@progress/kendo-angular-buttons": "^7.0.6",
"@progress/kendo-angular-common": "^2.0.0",
"@progress/kendo-angular-dateinputs": "^5.0.0",
"@progress/kendo-angular-dialog": "^5.1.0",
"@progress/kendo-angular-dropdowns": "^5.0.0",
"@progress/kendo-angular-excel-export": "^4.0.0",
"@progress/kendo-angular-grid": "^7.4.2",
"@progress/kendo-angular-inputs": "^7.0.0",
"@progress/kendo-angular-intl": "^3.0.0",
"@progress/kendo-angular-l10n": "^3.0.0",
"@progress/kendo-angular-label": "^3.0.0",
"@progress/kendo-angular-layout": "^6.2.0",
"@progress/kendo-angular-pdf-export": "^3.0.0",
"@progress/kendo-angular-popup": "^4.0.0",
"@progress/kendo-angular-progressbar": "^2.0.0",
"@progress/kendo-angular-tooltip": "^3.0.2",
"@progress/kendo-angular-treeview": "^5.0.0",
"@progress/kendo-data-query": "^1.0.0",
"@progress/kendo-drawing": "^1.0.0",
"@progress/kendo-licensing": "^1.0.2",
"@progress/kendo-theme-default": "^4.41.1",
"angular-froala-wysiwyg": "4.0.7",
"bootstrap": "^4.3.1",
"classlist.js": "^1.1.20150312",
"core-js": "^2.6.9",
"font-awesome": "^4.7.0",
"isomorphic-fetch": "^2.2.1",
"jquery": "^3.6.0",
"ng-http-loader": "^5.1.0",
"ngx-logger": "^5.0.11",
"ngx-mask": "^6.5.17",
"process": "^0.11.10",
"rxjs": "^7.8.0",
"util": "^0.12.4",
"zone.js": "~0.11.4"
1 Answer, 1 is accepted
Hi Akshaya,
Such type of errors typically appears when there is some inconsistency in the used versions. Please could you try installing the latest version (v11.6.0 at the time of writing this response) of the installed Kendo UI for Angular components and try building the app again:
Regards,
Martin
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Rank 1
I'm facing the same issue. I tried to install v11.6.0 and then also the latest version (v12.0.0 at the time of writing this response) but getting the same error
Rank 1
I get different issues after upgrading to Kendo(v12.0.0)
CSS Issues - Grid pager changed to a blue color rectangle box. Scroll bar in the dropdown list changed to a list item with bullets!
Treeview changed into list item with bullets!
If i click on filter button on grid - the arrow in the dropdown changed into a rectangular box
I face issue while running code analysis - #[error]ERROR: Error: Unexpected '/'. Escaping special characters with \ may help
Hi Yousaf,
Make sure that the update is clean.
Delete the node_modules folder, package.json file, and .angular folder. Then run npm install on the latest versions.
Hi Akshaya,
Double check the installed Kendo Default theme version and make sure that the latest one is being used (v6.3.0).
https://www.npmjs.com/package/@progress/kendo-theme-default?activeTab=versions
In case custom CSS selectors are used to overwriting some of the default styles of the components, discrepancies are possible during the update, as some of the CSS selector syntaxes have been changed (in the process of unifying the selector across different Kendo suites).
Rank 1
"@angular/animations": "^15.2.0",
"@angular/cli": "^15.2.0",
"@angular/common": "^15.2.0",
"@angular/compiler": "^15.2.0",
"@angular/core": "^15.2.0",
"@angular/forms": "^15.2.0",
"@angular/localize": "^15.2.0",
"@angular/platform-browser": "^15.2.0",
"@angular/platform-browser-dynamic": "^15.2.0",
"@angular/router": "^15.2.0",
"@progress/kendo-angular-buttons": "^12.0.0",
"@progress/kendo-angular-common": "^12.0.0",
"@progress/kendo-angular-dateinputs": "^12.0.0",
"@progress/kendo-angular-dialog": "^12.0.0",
"@progress/kendo-angular-dropdowns": "^12.0.0",
"@progress/kendo-angular-excel-export": "^12.0.0",
"@progress/kendo-angular-grid": "^12.0.0",
"@progress/kendo-angular-icons": "^12.0.0",
"@progress/kendo-angular-inputs": "^12.0.0",
"@progress/kendo-angular-intl": "^12.0.0",
"@progress/kendo-angular-l10n": "^12.0.0",
"@progress/kendo-angular-label": "^12.0.0",
"@progress/kendo-angular-layout": "^12.0.0",
"@progress/kendo-angular-messages": "^1.45.0",
"@progress/kendo-angular-navigation": "^12.0.0",
"@progress/kendo-angular-pdf-export": "^12.0.0",
"@progress/kendo-angular-popup": "^12.0.0",
"@progress/kendo-angular-progressbar": "^12.0.0",
"@progress/kendo-angular-tooltip": "^12.0.0",
"@progress/kendo-angular-treeview": "^12.0.0",
"@progress/kendo-angular-utils": "12.0.0",
"@progress/kendo-data-query": "^1.6.0",
"@progress/kendo-drawing": "^1.17.5",
"@progress/kendo-licensing": "^1.3.0",
"@progress/kendo-svg-icons": "^1.5.0",
"@progress/kendo-theme-default": "^6.3.0",
"angular-froala-wysiwyg": "4.0.7",
"bootstrap": "^4.3.1",
"classlist.js": "^1.1.20150312",
"core-js": "^2.6.9",
"font-awesome": "^4.7.0",
"isomorphic-fetch": "^2.2.1",
"jquery": "^3.6.0",
"ng-http-loader": "^5.1.0",
"ngx-logger": "^5.0.11",
"ngx-mask": "^6.5.17",
"process": "^0.11.10",
"rxjs": "^7.8.0",
"util": "^0.12.4",
"zone.js": "~0.11.4"
Hi Akshaya,
I can confirm that the installed Kendo UI for Angular components versions are the latest and compatible with Angular 15.
I am attaching a runnable standalone Angular application that uses the same versions.
To run the app:
- Download and unzip the folder
- Run npm install at the root level.
- Execute ng serve command.