2016-01-24 2 views
0

Я использую React и Webpack и Жутко, когда я импортировать класс, содержащий Реагировать КОМПОНЕНТ transpilation, кажется, не произошло, и я получаю:Webpack импорт не transpiling Babel код

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

т.д.

Однако, когда я определяю класс inline, этого не происходит.

Main требуется 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 Config:

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" 
     }) 
    ] 
}; 
+0

Пожалуйста, включите источник тестирования. –

+1

Вы определили пресеты '.babelrc'? –

ответ

1

Эта проблема была решена путем переустановки всех node_modules.

+0

wow, спасибо за этот комментарий! я не мог найти намека. Я переустановил пакет 'npm', и он просто отлично работал. – alfonsodev