ng2-bootstrap with webpack - Uncaught 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 ​​부트 스트랩 코드가 브라우저에 영향을 미치지 않는 것 같습니다.

희망 사항을 보내 주시면이 문제를 신속하게 해결할 수 있습니다.了 处理, 就好 这样 可以 像 我 你

Answer 1

enter image description here