在 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 中的实现 2

在 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'
}