巴别塔预设@babel/preset不反应'；我不喜欢返回JS.X元素的javascript函数

我有一个.js文件，其中包含一个函数，该函数返回一个span标记，如下所示：

makeSpan = (number, prefix) => { 
  return <span>{prefix} {number}</span>
};

巴别塔

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

---

我解决了这个问题，我的解决方案是将babel插件也放在webpack.config.js中。我不知道为什么会这样

module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ["@babel/preset-env", "@babel/preset-react"],
            plugins: ["@babel/plugin-proposal-class-properties"]
          }
        }
      },
      {
        test:/\.css$/,
        use:['style-loader','css-loader']
      }
    ]
  },

---

那么错误是什么呢？只是语法错误-在发布错误时指向@alexW的意外标记，您应该始终在问题中发布完整的错误。

module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ["@babel/preset-env", "@babel/preset-react"],
            plugins: ["@babel/plugin-proposal-class-properties"]
          }
        }
      },
      {
        test:/\.css$/,
        use:['style-loader','css-loader']
      }
    ]
  },