Laravel React mix babel loader 错误答案

【问题标题】：Laravel React mix babel loader errorLaravel React mix babel loader 错误
【发布时间】：2018-08-14 03:30:48
【问题描述】：

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

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

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

它抛出一个错误，上面写着：

BabelLoaderError: SyntaxError: Unexpected token(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 进行配置，因为我在根目录中找不到任何此类文件。

【问题讨论】：

【解决方案1】：

您使用的类属性语法是not available in babel-preset-es2015，但可以单独安装。您可以在transform-class-properties 下找到它。不过，要保持最新状态，您最好改用babel-preset-env。

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

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

【讨论】：