webpack编译时报错Module build failed，SyntaxError: Unexpected token＞ ＜div＞_module build failed: syntaxerror: unexpected token

webpack编译时报错

ERROR in ./src/components/App.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: Unexpected token (9:6)

   7 |   render() {
   8 |     return (
>  9 |       <div>
     |       ^
  10 |         <img src={Icon}/>
  11 |         <p>react demo</p>
  12 |       </div>

 @ ./src/index.js 3:11-38
1
2
3
4
5
6
7
8
9
10
11
12
13

解决办法

1.看看.babelrc名字有没有拼错
2.babel的preset有没有引入 react……（我就是忘记引入react了……)

{
    "presets": [
        "env", // 支持es6写法
        "react"
    ],
    "plugins": [
        "transform-runtime"
    ]
}
1
2
3
4
5
6
7
8
9