[Bug]:

[jisao]

💻

• [ ] Would you like to work on a fix?

How are you using Babel?

babel-loader (webpack)

Input code

ERROR in ./node_modules/@ant-design/icons/node_modules/@ctrl/tinycolor/dist/module/index.js 23:35 Module parse failed: Unexpected token (23:35) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders | this.a = rgb.a; | this.roundA = Math.round(100 * this.a) / 100;

    this.format = opts.format ?? rgb.format;

| this.gradientType = opts.gradientType; | // Don't let the range of [0,255] come back in [0,1]. @ ./node_modules/@ant-design/icons/node_modules/@ctrl/tinycolor/dist/module/public_api.js 1:0-27 1:0-27 @ ./node_modules/@ant-design/icons/node_modules/@ant-design/colors/es/generate.js @ ./node_modules/@ant-design/icons/node_modules/@ant-design/colors/es/index.js @ ./node_modules/@ant-design/icons/es/components/AntdIcon.js @ ./node_modules/@ant-design/icons/es/icons/CheckOutlined.js @ ./node_modules/antd-v5/es/steps/index.js @ ./node_modules/antd-v5/es/index.js @ ./src/components/Layout/customer-service/index.tsx @ ./src/pages/App.tsx @ ./src/entry/main/before/index.tsx @ ./src/entry/main/index.js @ multi ./node_modules/@pmmmwh/react-refresh-webpack-plugin/client/ReactRefreshEntry.js ./src/entry/main/index.js

Configuration file name

No response

Configuration

{ "presets": [["@babel/preset-env", { "modules": false, "useBuiltIns": "usage", "corejs": "3" }], "@babel/preset-react", "@babel/preset-typescript"], "plugins": [ ["import", { "libraryName": "antd", "libraryDirectory": "es", "style": true }], "@babel/transform-runtime", ["@babel/plugin-proposal-decorators", { "legacy": true }], "@babel/plugin-proposal-class-properties" ],

"comments": false,
"env": {
    "test": {
        "presets": ["@babel/preset-env", "@babel/preset-stage-0", "@babel/preset-react"],
        "plugins": ["@babel/plugin-transform-runtime"]
    },
    "production": {
        "plugins": ["transform-remove-console"]
    }
}

}

Current and expected behavior

"@babel/core": "7.22.8", "@babel/helper-create-regexp-features-plugin": "7.22.15", "@babel/helper-plugin-utils": "7.22.5", "@babel/plugin-proposal-class-properties": "7.8.3", "@babel/plugin-proposal-decorators": "7.8.3", "@babel/plugin-syntax-jsx": "7.23.3", "@babel/plugin-transform-runtime": "7.9.0", "@babel/polyfill": "7.12.1", "@babel/preset-env": "7.23.3", "@babel/preset-react": "7.23.3", "@babel/preset-stage-0": "7.8.3", "@babel/preset-typescript": "7.23.3", "babel-eslint": "10.0.3", "babel-jest": "24.9.0", "babel-loader": "8.3.0", "babel-plugin-import": "1.13.8", "babel-plugin-transform-remove-console": "6.9.4", "babel-preset-react-app": "9.1.2",

Environment

"@babel/core": "7.22.8", "@babel/helper-create-regexp-features-plugin": "7.22.15", "@babel/helper-plugin-utils": "7.22.5", "@babel/plugin-proposal-class-properties": "7.8.3", "@babel/plugin-proposal-decorators": "7.8.3", "@babel/plugin-syntax-jsx": "7.23.3", "@babel/plugin-transform-runtime": "7.9.0", "@babel/polyfill": "7.12.1", "@babel/preset-env": "7.23.3", "@babel/preset-react": "7.23.3", "@babel/preset-stage-0": "7.8.3", "@babel/preset-typescript": "7.23.3", "babel-eslint": "10.0.3", "babel-jest": "24.9.0", "babel-loader": "8.3.0", "babel-plugin-import": "1.13.8", "babel-plugin-transform-remove-console": "6.9.4", "babel-preset-react-app": "9.1.2",

Possible solution

No response

Additional context

No response

[babel-bot]

Hey @jisao! We really appreciate you taking the time to report an issue. The collaborators on this project attempt to help as many people as possible, but we're a limited number of volunteers, so it's possible this won't be addressed swiftly.

If you need any help, or just have general Babel or JavaScript questions, we have a vibrant Slack community that typically always has someone willing to help. You can sign-up here for an invite.

[JLHwung]

?? is ES2020 syntax and webpack 4 does not support it. Please upgrade webpack to version 5.