Laravel React混合babel装载机错误

Question

我正在尝试使用Laravel-mix使用React设置Laravel

我无法在我的React组件中使用ES6。例如：

functionName = () => {
    console.log('doesnt work');
}

它抛出一个错误，说：

BabelLoaderError：SyntaxError：意外的令牌（6:10）

（6:10）指向我的胖箭头功能。我在Laravel-mix附带的根目录中有webpack.mix.js文件。我还使用以下代码添加了.babelrc文件：

{
"presets": [
  [
    "es2015",
    {
      "modules": false
    }
  ],
  "react"
]}

我已经确定我安装了babel-core，babel-loader，babel-preset-2015，babel-preset-stage-3。

我究竟做错了什么？如何使用webpack.config.js配置它，因为我在根目录中找不到任何此类文件。

Answer 1

您正在使用的类属性语法是not available in babel-preset-es2015，但可以单独安装。你会在transform-class-properties下找到它。为了保持最新状态，你可能会更好地使用babel-preset-env。

您是否检查过ES6速记方法属性语法是否适用于您的设置？怎么样

functionName() {
    console.log('does this work?');
}