Unable to find file angular2-modal/plugins/bootstrap.js

[troyanskiy]

I'm using angular2-seed https://github.com/mgechev/angular-seed

And I'm having that issue Error loading http://localhost:8080/node_modules/angular2-modal/plugins/bootstrap.js as "angular2-modal/plugins/bootstrap" from http://localhost:8080/app/app.module.js

Code of the ngModule

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { APP_BASE_HREF } from '@angular/common';
import { PimCoreModule } from './pim.core.module';
import { routing } from './app.routes';
import { AppComponent } from './app.component';
import { HeaderComponent, FullScreenImageComponent, PimModalComponent } from './components/index';
import { HomePageComponent } from './pages/index';
import { ModalModule } from 'angular2-modal';
import { BootstrapModalModule } from 'angular2-modal/plugins/bootstrap';
import { BrowseModule, ValidateModule, EnrichModule } from './modules/index';

@NgModule({
  imports: [
    BrowserModule, PimCoreModule.forRoot(), routing, ModalModule.forRoot(), BootstrapModalModule,
    BrowseModule, ValidateModule, EnrichModule
  ],
  declarations: [
    AppComponent, HeaderComponent, HomePageComponent, FullScreenImageComponent
  ],
  providers: [
    {
      provide: APP_BASE_HREF,
      useValue: '<%= APP_BASE %>'
    }
  ],
  bootstrap: [AppComponent],
  entryComponents: [PimModalComponent]
})
export class AppModule {
}

After changing import from angular2-modal/plugins/bootstrap to angular2-modal/plugins/bootstrap/index I have other error: Unable to load transpiler to transpile http://localhost:8080/node_modules/angular2-modal/plugins/bootstrap/index.js

[troyanskiy]

Also missing typings for angular2-modal module itself.

[troyanskiy]

Fixed by adding bootstrap bundles to app config. Added following lines into the project config constructor

    this.addPackageBundles({
      name: 'angular2-modal/plugins/bootstrap',
      path: 'node_modules/angular2-modal/bundles/angular2-modal.bootstrap.umd.js',
      packageMeta: {
        main: 'index.js',
        defaultExtension: 'js'
      }
    });

[marcodevsquad]

How should I do this using webpack @troyanskiy ? Sorry, but I didn't find it anywhere...