http://localhost:3000/node_modules/ng2-pagination/ 404 (Not Found)

I get this error:

I have tried taking help of this link: https://github.com/michaelbromley/ng2-pagination/issues/44 I have included necessary lines of code as suggested by scottmizo in this link i.e in my systemjs.config.js

System.config({ 
  map: {
    'ng2-pagination': 'node_modules/ng2-pagination'
  }, 
  packages: {
   'ng2-pagination ':  { main: 'index.js', defaultExtension: 'js'} 
  }
)

in my app.module.ts import {PaginationControlsCmp, PaginatePipe, PaginationService} from ‘ng2-pagination’;

@NgModule({
    imports: [
        BrowserModule,
        FormsModule, 
        routing,
        HttpModule,
        JsonpModule,
        ReactiveFormsModule,
        DndModule.forRoot()
    ],

    exports: [
        BrowserModule,
        DndModule
    ],

    declarations: [
        AppComponent,
        NavBarComponent,
        NavDecorateComponent,
        ContentComponent,
        LoginComponent,
        FavouriteComponent,
        HomeComponent,
        NavBar3Component,
        DefaultProjectComponent,
        DashboardComponent,
        NavBar2Component,
        FilterComponent,
        IssuestatusComponent,
        TrackerComponent,
        FooterComponent,
        PaginationControlsCmp,
        PaginatePipe
    ],

    providers: [

        HTTP_PROVIDERS,
        TokenService,
        ProjectService,
        ValueService,
        PaginationService


    ],



    bootstrap: [
        AppComponent
    ]
})
export class AppModule { }

then in the component:

import {PaginatePipe, PaginationControlsCmp, PaginationService} from 'ng2-pagination';

@Component({
  selector: 'dashboard',
  templateUrl: 'app/templates/dashboard.component.html',
  providers: [CookieService, ProjectService, TokenService, PaginationService],
  directives: [PaginationControlsCmp],
  pipes: [PaginatePipe]
})

But error 404 still persists.

[amanullahnxb]

My error GET http://localhost:3000/node_modules/ng2-pagination/ 404 (Not Found)

resolved using…

//systemjs.config.js `System.config({ map: { ‘ng2-pagination’: ‘node_modules/ng2-pagination’ },

packages: { ‘ng2-pagination’: { main: ‘index.js’, defaultExtension: ‘js’} //The was an extra space here } )`

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//app.moduls.ts import {Ng2PaginationModule} from ‘ng2-pagination’; // <-- import the module

imports: [ ...., Ng2PaginationModule, ..... ],

///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//template.component.html `

• content ...

<pagination-controls (pageChange)="p = $event"></pagination-controls> `

[alejandrocoding]

Use this: import {Ng2PaginationModule} from 'ng2-pagination'; // <-- import the module

instead of the components/services:

import {PaginationControlsCmp, PaginatePipe, PaginationService} from 'ng2-pagination';

Within the ngModule of the component where you need the pagination.