'；意外标记'；关于Django React教程的JSX

我一直在关注这一点，我一辈子都不明白为什么webpack不能识别JSX？希望有人能指出我错过的愚蠢的事情：）

我的完整代码在这里

错误：

\django-react-app\leadmanager\frontend\src\components\App.js: Unexpected token (6:11)

  4 | class App extends Component {
  5 |   render() {
> 6 |     return <h1>React App</h1>;
    |            ^
  7 |   }
  8 | }

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader"
        }
      }
    ]
  }
};

B.法律改革委员会

{
  "presets": ["@babel/preset-env", "@babel/preset-react"],
  "plugins": ["transform-class-properties"]
}

---

我检查了你的源代码，它有一个小的输入错误，它的

getElementById

而不是

getElementById

它的第10行在下面的文件中

---

我检查了你的源代码，它有一个小的打字错误，它的

getElementById

而不是

getElementById

它的第10行在下面的文件中

---

更正后对我有用。

谢谢你，约翰尼！那是一个小错误。。。如果你能让它工作。。。最后，我将我的回购协议克隆到一个新文件夹中，然后再试一次。。。现在好像在工作。。。我还是不知道为什么那些旧东西坏了。谢谢你，约翰尼！那是一个小错误。。。如果你能让它工作。。。最后，我将我的回购协议克隆到一个新文件夹中，然后再试一次。。。现在好像在工作。。。我仍然不知道为什么旧东西不起作用。

{
  "presets": ["@babel/preset-env", "@babel/preset-react"],
  "plugins": ["transform-class-properties"]
}