webpack + react 运行是报错 求解

Question

报错如下图所示

配置文件如下图

也有.bablrc文件

请问错出在哪里?

Answer 1

你的 JSX 文件没有编译

{
    test: /\.(js|jsx)$/,
    loader: 'babel-loader',
    /*
    exclude: [
        nodeModulesPath
    ],
    */
    query: {
        plugins: ['transform-runtime'],
        presets: ['es2015', 'react']
    }
}

Answer 2

webpack的配置文件里loader换成babel-loader看看呢？

Answer 3

是 .babelrc 不是 .bablrc

Answer 4

1. 在.babelrc去掉stage-x

2. 添加jsx后缀的处理test:/jsx?$/

我之前也遇到这个问题，总结出来的经验就是如果用了react和es2015再用其他的presets，就会报错...