typescript - Importera ng2-uploader i angularcli


Försöker importera ng2-uploader i ett nytt Angular2 CLI-projekt.

Installerar :

npm install ng2-uploader

Implementation1 från node_modules:

Om jag försöker importera det direkt från node_modules så här:

import {UPLOAD_DIRECTIVES} from 'ng2-uploader/ng2-uploader';
directives: [UPLOAD_DIRECTIVES],

Jag får 404 ej hittad fel: http://localhost:4200/ng2-uploader/ng2-uploader 404 (Ej hittad)

Implementation2 från system.config.ts

I angular-cli.build.js gissar jag att det är det enklaste steget att göra:

var Angular2App = require('angular-cli/lib/broccoli/angular2-app');

module.exports = function(defaults) {
  return new Angular2App(defaults, {
    vendorNpmFiles: [
       ...
      'ng2-uploader/*.js',   
    ]
  });
};

I system.config.ts försökte jag detta:

const map: any = {
    'ng2uploader': 'vendor/ng2-uploader'
};

/** User packages configuration. */
const packages: any = {
  ng2uploader: {
    defaultExtension: 'js',
    main: 'ng2-uploader.js'
  },
};

Nästa gör jag ng build, jag ser filerna kopieras till vendor-mappen och jag försöker importera från Vendor-filerna:

import {UPLOAD_DIRECTIVES} from 'ng2uploader';
or 
import {UPLOAD_DIRECTIVES} from 'ng2-uploader/ng2-uploader';

Och jag får ett kompileringsfel.

Jag misstänker att jag gör något fel i system.config.ts. Kan någon säga mig vad det är?

Svar #1

Jag provade det och detta fungerade för mig.

import {UPLOAD_DIRECTIVES} from 'ng2-uploader/ng2-uploader';

Se till att du gör:

ng2-uploader: {
  defaultExtension: 'js',
  main: 'ng2-uploader.js'
}