巴贝尔装载机失败

时间:2018-05-16 16:21:20

标签: javascript reactjs ecmascript-6 babel

我有以下示例类,包含示例类属性arrow函数:

class ExampleClass {
    example = (params) => {
        return params
    }
}

不幸的是,这种结构还没有得到很好的认可:

ERROR in ./node_modules/example/example.js
Module parse failed: Unexpected token (284:12)
You may need an appropriate loader to handle this file type.
|
|     example = (params) => {
|         return params
|     }
 @ ./src/example/index.js 8:17-48
 @ ./src/index.js
 @ multi (webpack)-dev-server/client?http://localhost:8081 ./src

我一直在使用以下babel预设和webpack配置:

Webpack配置

const HtmlWebPackPlugin = require("html-webpack-plugin");

const htmlPlugin = new HtmlWebPackPlugin({
    template: "./src/index.html",
    filename: "./index.html"
});

module.exports = {
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: {
                    loader: "babel-loader"
                }
            },
            {
                test: /\.css$/,
                use: ["style-loader", "css-loader"]
            }
        ]
    },
    plugins: [htmlPlugin]
};

.babelrc

{
    "presets": ["env", "react", "es2015", "stage-2"]
}

我不知道我还需要在这里导入什么,我承认我不确定如何通过谷歌搜索找到它。

1 个答案:

答案 0 :(得分:2)

我认为您可以使用此语法在类中声明方法。

class ExampleClass {
    example(params) {
        return params
    }
}