typescript - Angular använder DataTables fel vid import av DataTables.Settings

Jag försöker använda DataTables med Angular för att visa data i min applikation. Jag installerade DataTables med ng add angular-datatables och importerade DataTablesModule i app.module.ts men när jag försökte konfigurera tabellen:

dtOptions: DataTables.Settings = {};
dtTrigger: Subject<any> = new Subject<any>();

det importerade detta automatiskt åt mig: import DataTables från 'datatables.net';

och jag fick det här felet:

'DataTables' refererar bara till en typ, men används här som ett namnrymd.

Jag letade efter felet på många ställen och kunde inte hitta lösningen.

Svar #1

Som diskuterats i detta GitHub-ärende, genom att lägga till @types/datatables.net i devDependencies med:

"@types/datatables.net": "^1.10.8"

Eller köra NPM-kommandot

npm i @types/datatables.net --save-dev

bör lösa problemet. Rättvisande borde du inte behöva importera manuellt med import DataTables from 'datatables.net';.

Annars behöver du följa instruktionerna från den officiella dokumentationen genom att migrera DataTables.Settings till Config.

import { Config } from 'datatables.net';

dtOptions: Config = {};