facing error while using angular-datatables

Question

I'm on ubuntu 20.04, with npm 6.14.15, node v14.17.2 and Angular CLI: 11.2.14. I tried to create data table into my working directory using angular-datatables module.

in order to use this angular-datatables module, i had installed following packages.

npm install jquery --save
npm install datatables.net --save
npm install datatables.net-dt --save
npm install angular-datatables --save
npm install @types/jquery --save-dev
npm install @types/datatables.net --save-dev

after i run the server, angular cli throw following of errors.

Error Message

Error: node_modules/angular-datatables/src/angular-datatables.directive.d.ts:39:21 - error TS2694: Namespace '"/home/nanthu/xxxxxx/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

39     static ɵfac: i0.ɵɵFactoryDeclaration<DataTableDirective, never>;
                       ~~~~~~~~~~~~~~~~~~~~


Error: node_modules/angular-datatables/src/angular-datatables.directive.d.ts:40:21 - error TS2694: Namespace '"/home/nanthu/xxxxxx/node_modules/@angular/core/core"' has no exported member 'ɵɵDirectiveDeclaration'.

40     static ɵdir: i0.ɵɵDirectiveDeclaration<DataTableDirective, "[datatable]", never, { "dtOptions": "dtOptions"; "dtTrigger": "dtTrigger"; }, {}, never>;
                       ~~~~~~~~~~~~~~~~~~~~~~


Error: node_modules/angular-datatables/src/angular-datatables.module.d.ts:13:21 - error TS2694: Namespace '"/home/nanthu/xxxxxx/node_modules/@angular/core/core"' has no exported member 'ɵɵFactoryDeclaration'.

13     static ɵfac: i0.ɵɵFactoryDeclaration<DataTablesModule, never>;
                       ~~~~~~~~~~~~~~~~~~~~


Error: node_modules/angular-datatables/src/angular-datatables.module.d.ts:[93m14:21 - error TS2694: Namespace '"/home/nanthu/xxxxxx/node_modules/@angular/core/core"' has no exported member 'ɵɵNgModuleDeclaration'.

14     static ɵmod: i0.ɵɵNgModuleDeclaration<DataTablesModule, [typeof i1.DataTableDirective], [typeof i2.CommonModule], [typeof i1.DataTableDirective]>;
                       ~~~~~~~~~~~~~~~~~~~~~


Error: node_modules/angular-datatables/src/angular-datatables.module.d.ts:15:21 - error TS2694: Namespace '"/home/nanthu/xxxxxx/node_modules/@angular/core/core"' has no exported member 'ɵɵInjectorDeclaration'.

15     static ɵinj: i0.ɵɵInjectorDeclaration<DataTablesModule>;

How do I resolve this issue to get Angular datatable?

Jijo Robin · Accepted Answer · 2022-01-09 05:11:43Z

3

I had the same issue. You need to uninstall datatable and install a version lower than what you have installed. In both our case the datatable version was 13.0.0. I uninstalled this and installed a lower version.

npm uninstall angular-datatables
npm install [email protected]
npm start

answered Jan 9, 2022 at 5:11

Jijo Robin

3851 gold badge10 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Peter Csala · Accepted Answer · 2022-02-27 05:37:23Z

2

I had the same problem with the latest version of Angular, today February 26, 2022 and I solved it by adding that version directly in the package.json, since the uninstall command did not remove the package inside node_modules

enter image description here

edited Feb 27, 2022 at 5:37

Peter Csala

23.7k16 gold badges51 silver badges96 bronze badges

answered Feb 26, 2022 at 22:02

Jaime Diaz

212 bronze badges

Comments

shivlal kumavat · Accepted Answer · 2022-07-03 06:31:05Z

1

I had same issue when using npm install angular-datatables, it's install datatable version "angular-datatables": "^13.1.0"

So just downgrade the version of angular-datatables to 6.0.0

Install specific version of angular-datatables

Delete node_modules
npm install [email protected]

answered Jul 3, 2022 at 6:31

shivlal kumavat

8861 gold badge13 silver badges29 bronze badges

Comments

Manash Gupta · Accepted Answer · 2022-09-27 15:28:41Z

0

go to angular.json and downgrade to the version most person are using

this worked for me "angular-datatables": "^13.1.0", "bootstrap": "^5.2.1", "datatables.net": "^1.12.1", "datatables.net-bs5": "^1.11.3", "datatables.net-dt": "^1.11.3",

edited Sep 27, 2022 at 15:28

answered Sep 14, 2022 at 10:59

Manash Gupta

11 bronze badge

1 Comment

Akber Iqbal Over a year ago

which version worked for you? if versions in existing answers worked for you, please vote them up instead of duplicating

Rafael Lariloran · Accepted Answer · 2024-04-11 18:17:00Z

0

The answer from triumlabs in https://github.com/l-lin/angular-datatables/issues/1248 worked for me. To be more specific, in my context, I opened the package.json and changed the "@types/datatables.net": "^1.10.21" to "@types/datatables.net": "~1.10.21" and It worked. I hope it works for u!!

edited Apr 11, 2024 at 18:17

answered Apr 11, 2024 at 18:16

Rafael Lariloran

11 bronze badge

Collectives™ on Stack Overflow

facing error while using angular-datatables

5 Answers 5

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related