angular-4-data-table\src\index.ts is missing from the TypeScript compilation

[gca1982in]

I am getting below error

ERROR in ./node_modules/angular-4-data-table/src/index.ts Module build failed: Error: D:\Angular Dev\myfirstapp\node_modules\angular-4-data-table\src\index.ts is missing from the TypeScript compilation. Please make sure it is in your tsconfig via the 'files' or 'include' property. The missing file seems to be part of a third party library. TS files in published libraries are often a sign of a badly packaged library. Please open an issue in the library repository to alert its author and ask them to package the library using the Angular Package Format (https://goo.gl/jB3GVv). at AngularCompilerPlugin.getCompiledFile (D:\Angular Dev\myfirstapp\node_modules@ngtools\webpack\src\angular_compiler_plugin.js:656:23) at plugin.done.then (D:\Angular Dev\myfirstapp\node_modules@ngtools\webpack\src\loader.js:467:39) at at process._tickCallback (internal/process/next_tick.js:188:7) @ ./src/app/app.module.ts 19:0-65 @ ./src/main.ts @ multi ./src/main.ts

Repo Steps

create new app using - ng new DTDemo add demo1 code from the demo "https://github.com/MIt9/angular-4-data-table-demo"

now build the package.

[shabyWoks]

I am also facing same issue. If solution is found out by you then please mention.

[jamesqquick]

Same for me. Hoping to find resolution for this so I can leverage the package at work!

[ghost]

facing same problem..

[d532335]

me too

[haninaja]

Hi use npm install angular5-data-table --save and in App Module use: import {DataTableModule} from 'angular5-data-table'; use in component import { ... } from 'angular5-data-table';

it works

[adigeleon]

@haninaja solution works for me thanks a lot! 💯

[prishanf]

@haninaja solution worked for me too. thanks a lot

[MoshFin]

solution works, thanks you 💯

[laubeltran1]

Hi, I have this error but I Apply the solution and doesn't work for me , can you help me ?

[maquilon]

solution works, thank you very much...

[MalavPanchal]

it works for me, thank you very much

[alaindeurveilher]

Hello, What about the original problem, which is with angular-4-data-table ? For project reasons, I cannot update to angular-5-data-table but need to use the angular-4-data-table because I need it to be working with Bottstrap 3 (the 5th version is for Bootstrap 4).

So thank you if someone has a solution.

[kirank4m]

Thank you this solution works for me.

[bi40]

it work for me , thank you very much

[rkdhatt]

Hi, I need to use angular-4-data-table. I have tried the solution that @haninaja has mentioned but it did not work for me.

[alaindeurveilher]

@rkdhatt: @haninaja’s solution is to not use angular-4-data-table, but to use angular5-data-table instead, and thus not a real solution if you need to be using Bootstrap 3. But if you are using Bootstrap 4 already then, yes you have to update to angular5-data-table.

That beeing said, “but it did not work for me” is not really helpful if you expect some help regarding the issue you have.

[rkdhatt]

Sorry I should have went in more detail then. I am using bootstrap 3 so yes angular5-data-table is not a solution for me.

[nbagonoc]

Awesome! Thank you for the solution.

[MaazZahid]

Thanks 4 the Solution bro!

[iamatikant]

Hola! Works for me as well. :) Thanks! Saved my day...

[AliAhsanNoon]

Hello guys, you can install angular-4-data-table-fix instead and if you're using Angular 5 cli 1.6.1+ all you have to do is replace ngOutletContext with ngTemplateOutletContext in tabel.template.js in dist folder as ngOutletContext was deprecated since v4. that worked perfectly for me.