Module not found about angular2-notifications

[flauc]

I've managed to make it work with webpack. It was actually quit simple. All i did was clone this repo:

Angular2-webpack-starter

Installed the library
npm install angular2-notifications

And modified:

home.ts

import {Component, OnInit} from 'angular2/core';
import {FORM_DIRECTIVES} from 'angular2/common';
import {SimpleNotificationsComponent, NotificationsService} from 'angular2-notifications/components'

@Component({
  selector: 'home',
  directives: [SimpleNotificationsComponent],
  pipes: [],
  styles: [require('./home.scss')],
  template: require('./home.html')
})
export class Home implements OnInit {
  constructor(private _service: NotificationsService) {}
  public options = {
    timeOut: 5000,
    lastOnBottom: true
  };

  create() {
    this._service.success('bla', 'example')
  }
}

bootstrap.ts

...
import {NotificationsService} from 'angular2-notifications/components'
...
  return bootstrap(App, [
    ...
    NotificationsService,
    ...
});

And home.html

<simple-notifications [options]="options"></simple-notifications>
<button (click)="create()"></button>

It's all working but the css is a little broken. There might be some overlaps.

[flauc]

To be honest i'we only ever used system.js with my angular2 applications. But i'll have a look and let you know.

[sergio11]

thanks for response.

I will follow you suggestion with Angular2-webpack-starter.

greetings

[flauc]

np.. glad i could help.