在角度 cli 中导入 ng2-uploader

Question

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

正在安装：

npm install ng2-uploader

实施 1 来自 node_modules：

如果我尝试像这样直接从 node_modules 导入它：

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

I get 404 no found error: http://localhost:4200/ng2-uploader/ng2-uploader 404 (Not Found)

来自 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，我看到复制到 vendor 文件夹中的文件，我尝试从 Vendor 文件导入：

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

And i get compilation error.

我怀疑 我在 system.config.ts 中做错了什么。谁能告诉我这是什么？

Answer 1

我试过了，这对我有用。

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

确保你正在做：

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

在角度 cli 中导入 ng2-uploader

Import ng2-uploader in angularcli

typescript

angular

angular-cli

正在安装：

实施 1 来自 node_modules：

来自 system.config.ts