帶有webpack的ng2-bootstrap - 未捕獲的SyntaxError：意外的令牌導出

Question

我試圖使用基本模板enter link description here將ng2-bootstrap與webpack集成在一起。但是，我似乎無法成功實現ng2-bootstrap集成。

下面是我的網絡包的配置，

"use strict"; 

var webpack = require('webpack'); 
var CleanWebpackPlugin = require('clean-webpack-plugin'); 
var HtmlWebpackPlugin = require('html-webpack-plugin'); 

module.exports = { 
    entry: { 
     'app': './app/main.ts', 
     'vendors': './app/vendors.ts', 
     'polyfills': './app/polyfills.ts' 
    }, 
    output: { 
     path: './wwwroot', 
     filename: '[name].bundle.js', 
     sourceMapFilename: '[name].bundle.map', 
     chunkFilename: '[id].chunk.js', 
     publicPath: '/' 
    }, 
    devtool: 'source-map', 
    resolve: { 
     extensions: ['', '.ts', '.js', '.json', '.css', '.scss', '.html'] 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.ts$/, 
       loaders: ['awesome-typescript-loader', 'angular2-template-loader', 'angular2-router-loader'] 
      }, 
      { 
       test: /\.(html|css)$/, 
       loader: 'raw-loader', 
      } 
     ] 
    }, 
    plugins: [ 

     new webpack.optimize.CommonsChunkPlugin({ name: ['vendors', 'polyfills'] }), 

     new CleanWebpackPlugin(
      [ 
       './wwwroot/' 
      ] 
     ), 

     new HtmlWebpackPlugin({ 
      filename: './index.html', 
      template: './index.html', 
      inject: 'body' 
     }) 
    ], 
    devServer: { 
     contentBase: ".", 
     host: "localhost", 
     port: 9000 
    } 
}; 

下面是我的進口，

import { DropdownModule } from 'ng2-bootstrap/dropdown'; 
import { TabsModule } from 'ng2-bootstrap/tabs'; 

然而，當我運行應用程序的錯誤是如下，

對於一些很奇怪的原因，ng2-bootstrap代碼似乎沒有經過瀏覽器。

希望你能爲我提供一個快速解決這個問題。

Answer 1

enter image description here

你可以像我這樣處理，就好了