Getting it working with webpack

I am trying to get DataTables working with webpack using angular 2.4.

What versions you are using?

• angular version: 2.4
• jquery version: 3.1.1
• datatables version: 1.10.13
• angular-datatables version: 2.1.0
• angular-MM version: ?

What’s the problem?

I can’t get my table interactive. I don’t know where to put the dependencies.

Can you share your code?

This is what I have so far. I added this to install dependencies in package.json.

npm install jquery --save
npm install datatables.net --save
npm install datatables.net-dt --save
npm install angular-datatables --save

In app.module.ts I added at the top:

import { DataTablesModule } from 'angular-datatables';

and at the ‘imports’ key under @NgModule:

    DataTablesModule,

Then in table.template.html I added the HTML from the “Zero configuration” Getting Started manual.

<table datatable class="row-border hover">
...
</table>

But now I don’t know how to make the table a datatable. Should I add an import somewhere? I am not using Angular-CLI so the manual does not help me here.

[jiwlee0625]

Look at this: https://github.com/l-lin/angular-datatables/issues/1295

Summary: just run npm install angular-datatables@6.0.0

[burakkilic]

I’m getting the same error.