的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。