的WebPack進口不transpiling巴貝爾代碼

Question

我使用的反應，和的WebPack古怪，當我輸入含有陣營組件類的transpilation似乎並沒有發生，我得到：

function class Test extends _react2.default.Component { 
     constructor() { 
      return _possibleConstructorReturn(this, Object.getPrototypeOf(Test).apply(this, arguments)); 
     } 

等

但是，當我定義內聯類時，這種情況不會發生。

主要需要的WebPack文件：

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import { Router, Route, Link, browserHistory } from 'react-router'; 

// Components 
import SignUp from './components/test'; 

// Styles 
import './styles/sass/materialize.scss'; 

ReactDOM.render(
    <Router history={browserHistory}> 
     <Route path="/sign-up" component={SignUp} /> 
    </Router>, 
    document.getElementById('react-hook') 
); 

的WebPack配置：

import path from "path"; 
import webpack from 'webpack'; 

export default { 
    entry: [ 
     path.resolve(__dirname, 'app/main.js') 
    ], 
    output: { 
     path: path.resolve(__dirname, 'public/dist'), 
     filename: 'bundle.js', 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.js?$/, 
       exclude: /(node_modules|bower_components|lib)/, 
       loader: 'babel-loader', 
       query: { 
        presets: ['react','es2015'] 
       } 
      }, 
      { 
       test: /\.s?css$/, 
       loader: 'style!css!sass' 
      }, 
      { 
       test: /\.(woff|woff2|ttf|eot|svg)$/, 
       loader: 'file-loader' 
      } 
     ] 
    }, 
    plugins: [ 
     new webpack.ProvidePlugin({ 
      jQuery: "jquery" 
     }) 
    ] 
}; 

Answer 1

此問題已修復通過重新安裝所有node_modules。