angular2-數據表的依賴問題，使

Question

我正在在角2和執行AOT編譯時在角文檔中提到https://angular.io/docs/ts/latest/cookbook/aot-compiler.html步驟的應用程序包文件時，我收到以下錯誤：

錯誤： DataTableModule」不node_modules出口/ angular2-數據表/ index.js

這裏是我的代碼：

main.ts

import { platformBrowser } from '@angular/platform-browser'; 
import { AppModuleNgFactory } from '../aot/app/app.module.ngfactory'; 
platformBrowser().bootstrapModuleFactory(AppModuleNgFactory); 

app.module.ts

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { AppComponent } from './app.component'; 
import { DataTableModule } from "angular2-datatable"; 
import { FormsModule, ReactiveFormsModule, FormBuilder } from  '@angular/forms'; 
import { HttpModule } from '@angular/http'; 
import { RouterModule } from '@angular/router'; 
import { IndexComponent } from './index.component'; 
import { RegisterationFormComponent } from "./registration/registeration-form.component"; 
import { StaffListingComponent } from './company/staff-listing.component'; 
import {TranslateModule} from 'ng2-translate'; 

@NgModule({ 

imports:  [ BrowserModule,DataTableModule, FormsModule, HttpModule, TranslateModule.forRoot(), 
     RouterModule.forRoot([ 
     { path: '', component: IndexComponent}, 
     { path: 'my-staff', component: StaffListingComponent}, 

    ], { useHash: true })], 
    declarations: [ AppComponent, IndexComponent, StaffListingComponent, DataFilterPipe ], 
    providers: [AuthenticationService], 
    bootstrap: [ AppComponent ] 
}) 

export class AppModule { } 

systemjs.config.js

(function (global) { 
    System.config({ 
    paths: { 
    'npm:': 'node_modules/' 
}, 
map: { 
    // our app is within the app folder 
    app: 'app', 

    // angular bundles 
    // other libraries 
    'rxjs':      'npm:rxjs', 
    'angular-in-memory-web-api': 'npm:angular-in-memory-web-api/bundles/in-memory-web-api.umd.js', 
    'ng2-translate':'npm:ng2-translate', 
    'lodash': 'npm:lodash/lodash.js', 
    'angular2-datatable': 'npm:angular2-datatable', 
    'angular2-infinite-scroll':'npm:angular2-infinite-scroll', 
    }, 
packages: { 
    app: { 
    main: './main.js', 
    defaultExtension: 'js' 
    }, 
    rxjs: { 
    defaultExtension: 'js' 
    }, 
    'ng2-translate': { 
     main:'./bundles/ng2-translate.umd.js', 
     defaultExtension: 'js' 
    }, 
    'lodash': { 
    defaultExtension: 'js' 
    }, 
    'angular2-datatable': { 
    main: './index.js', 
    defaultExtension: 'js' 
    }, 
    'angular2-infinite-scroll': { 
     main:'./angular2-infinite-scroll.js', 
     defaultExtension: 'js' 
    } 
} 
}); 

彙總-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', // output a single application bundle 
sourceMap: false, 
format: 'iife', 
plugins: [ 
    nodeResolve({jsnext: true, module: true}), 
    commonjs({ 
    include: 'node_modules/rxjs/**', 
    }), 
    uglify() 
] 
} 

angular2數據庫的依賴，而不AOT工作正常彙編。但在彙總時發生錯誤。任何人都可以請幫我解決這個問題。

Answer 1

我已經在彙總-config.js文件

彙總-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', // output a single application bundle 
    sourceMap: false, 
    format: 'iife', 
    plugins: [ 
     nodeResolve({jsnext: true, module: true}), 
     commonjs({ 
    include: ['node_modules/rxjs/**','node_modules/angular2-datatable/**','node_modules/lodash/**'], 
    }), 
    uglify() 
    ] 
}