在angularcli中导入ng2-uploader

Question

尝试在新的angular2 cli项目中导入ng2-uploader。

安装：

npm install ng2-uploader

来自node_modules的实现1：

如果我尝试直接从node_modules导入它，如下所示：

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

  

我找不到404错误：http://localhost:4200/ng2-uploader/ng2-uploader 404（未找到）

来自system.config.ts

的Implementation2

在 angular-cli.build.js 中，我认为这是最简单的步骤：

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

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

在 system.config.ts 中我尝试了这个：

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

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

接下来我做ng build，我看到文件被复制到供应商文件夹中，我尝试从供应商文件导入：

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

  

我收到编译错误。

我怀疑我在system.config.ts 中做错了什么。有人能告诉我它是什么吗？

Answer 1

我试过了，这对我有用。

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

确保你在做：

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