babel编译jsx报错是什么意思啊？

Question

Answer 1

却少相应的包去解析jsx文件
.babelrc 中增加

{
  "presets": [
    "react",
    "es2015",
    "stage-0"
  ]
}

或者你在loaders里面解析jsx的时候这样写

{
              test: /\.(js|jsx?)$/, 
              exclude: /node_modules/,
              loader: 'babel-loader', 
              query:{  
                babelrc: false,
                presets: [
                    'react', 
                    'es2015',
                    'stage-0' 
                ]
               }
}

Answer 2

babel默认是不支持 jsx 语法的，需要加入插件支持。
.babelrc 中加入配置:

{
    "plugins": ["transform-react-jsx"]
}

Answer 3

需安装babel-preset-react

Answer 4

npm install babel-preset-react --save-dev

.babelrc加入

{
  "presets": ["react"]
}