Question

使用Laravel mix构建前端时，似乎出现了问题。

我正在使用react-loadable来加载带有promise的组件，至于路由，我使用了一个声明性的配置文件：

export default [
    {
        path: '/clients',
        exact: true,
        auth: true,
        component: Loadable({
            loader: () => import('./screens/index'),
            loading: LoadingComponent,
        }),
    },
]

构建js文件时，出现以下错误（指向导入的“ i”）：

./resources/js/modules/clients/routes.js中的
错误模块构建失败： SyntaxError：意外令牌（10:26）

在网上搜索时，我遇到一个事实，当您想使用箭头功能或类属性时，需要添加Babel插件（babel-plugin-transform-class-properties）。

因此，我确实使用以下配置添加了一个.babelrc文件（似乎laravel-mix会自动使用babelrc文件）：

{
  "plugins": ["transform-class-properties"]
}

仍然没有成功。

有什么想法吗？

Answer 1

尝试将其添加到您的.babelrc文件中：

{
  "presets": [
    ["es2016"],
    "react"
  ],
  "plugins": [
    "babel-plugin-transform-class-properties"
  ]
}

Laravel Mix＆React-内联导入模块构建失败

1 个答案: