Kendoui Angular2 install 404s with Angular 2 Seed

Question

I am using Angular 2 Seed app and trying to install KendoUI Angular2 controls.

The seed uses SystemJS but is generated on npm start. I have tried to add external dependency using from here but I cannot get it to work.

I get

Failed to load resource: the server responded with a status of 404 (Not Found)
localhost/:47 Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:5555/node_modules/@progress/kendo-angular-inputs.js(…) "Report this error at https://github.com/mgechev/angular2-seed/issues"

Here is what I have tried adding to /tools/config/project.config.ts

    this.SYSTEM_CONFIG_DEV.paths['@progress/kendo-angular-inputs'] =
        `node_modules/@progress/kendo-angular-inputs`;

    this.SYSTEM_BUILDER_CONFIG.packages['@progress/kendo-angular-inputs'] = {
      main: './dist/npm/js/main.js',
      defaultExtension: 'js'
    };

Answer 1

My pathing was a little off. This fixed it

this.SYSTEM_CONFIG_DEV.paths['@progress/kendo-angular-dialog'] =
        `${this.APP_BASE}node_modules/@progress/kendo-angular-dialog/dist/npm/js/main`;

    this.SYSTEM_BUILDER_CONFIG.packages['@progress/kendo-angular-dialog'] = {
      main: '/dist/npm/js/main',
      defaultExtension : 'js'
    };

and you need to add the style ref to your index.html. I could not get it to work in the config file or in the component file.