'DragulaModule' 不是由 node_modules\ng2-dragula\index.js 导出的答案

【问题标题】：'DragulaModule' is not exported by node_modules\ng2-dragula\index.js'DragulaModule' 不是由 node_modules\ng2-dragula\index.js 导出的
【发布时间】：2017-06-10 21:37:10
【问题描述】：

'DragulaModule' is not exported by node_modules\ng2-dragula\index.js
https://github.com/rollup/rollup/wiki/Troubleshooting#name-is-not-exported-by-module
app\app.module.js (13:9)
11: import { BrowserModule } from '@angular/platform-browser';
12: import { AppComponent } from './app.component';
13: import { DragulaModule } from 'ng2-dragula';
             ^
14: import { FileUploadModule } from "ng2-file-upload";

rollup.config.js

import rollup      from 'rollup'
import nodeResolve from 'rollup-plugin-node-resolve'
import commonjs    from 'rollup-plugin-commonjs';
import uglify      from 'rollup-plugin-uglify';

export default {
  entry: 'app/main.js',
  dest: 'dist/build.js',
  sourceMap: false,
  format: 'iife',
  plugins: [
      nodeResolve({jsnext: true, module: true}),
      commonjs({
        include: 'node_modules/rxjs/**',
      }),
      uglify()
  ]
}

使用 Rollup 进行 tree-shaking 和 build 在使用 aot 成功生成文件后出现上述错误。任何建议都非常感谢。

【问题讨论】：

标签： javascript angular typescript rollup ng2-dragula

【解决方案1】：

尝试在你的 rollup.config 中添加一个命名导出

commonjs({
      include: 'node_modules/rxjs/**',
      namedExports: {
        'node_modules/ng2-dragula/ng2-dragula.js': [ 'DragulaModule', 'DragulaService' ]
      }
    })

您可以在此处阅读有关自定义命名导出的更多信息：https://github.com/rollup/rollup-plugin-commonjs#custom-named-exports

【讨论】：

【解决方案2】：

如果你使用 Angular 6
将此行添加到 pollyfills.ts 解决了我的问题

(window as any).global = window;

【讨论】：