react.js - 一个简单的react-router报错，无从着手

问题描述

问 题

import { Router } from 'react-router';
render(<Router/>, document.getElementById('app'));

以上代码报错为：

webpack.config.js配置如下，该装的loader都装了。这个报错有点摸不着头脑，请教大神
module.exports = {

entry: [
    './assets/js/entry.js'
],
output: {
    path: __dirname + '/assets/',
    publicPath: "/assets/",
    filename: 'bundle.js'
},
module: {
    loaders: [
        {
            test: /\.jsx?$/,
            loader:'babel-loader',
            exclude:/node_modules/,
            query:{
                presets:['es2015']
            }
        }
    ]
},
resolve:{
    extensions:['','.coffee','.js']
}

};

最新查错：把loaders换成jsx－loader就没问题。但是为什么babel-load会不行呢？

loaders: [
            {
                test: /\.jsx?$/,
                loaders: ['jsx-loader?harmony']
            }
        ]

解决方案

query:{
  presets:['es2015']
}

缺少babel-presets-react。

这篇关于react.js - 一个简单的react-router报错，无从着手的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！