webpack:Unknown option: .useBuiltIns,Maybe you meant to use

在使用webpack 4.0版本配合core-js 3.0时,遇到配置错误导致报错。错误信息提示缺少use选项。解决方法是在babel-loader的配置中添加use属性,并设置相应的presets,包括@babel/preset-env,指定useBuiltIns为'usage',corejs版本为3,并定义兼容的浏览器目标。修正后的配置确保了正确解析和转换代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

由于webpack版本的不同各个配置的写法令人头疼,在使用core-js过程中报了如下错误(此时我用的4.0版本)

Unknown option: .useBuiltIns. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options. Maybe you meant to use

以下是具体报错信息

在这里插入图片描述
在配置core-js的时候少写了一层use所以会报这个错,加上就可以了。

{
        test: /\.js$/,
        exclude: /node_modules/,
        use: { // 少了use属性会报“Maybe you meant to use”的错
          loader: 'babel-loader',
          options: {
            presets: [
              [
                '@babel/preset-env',
                {
                  useBuiltIns: 'usage',
                  corejs: {
                    // core-js的版本
                    version: 3,
                  },
                  // 需要兼容的浏览器
                  targets: {
                    chrome: '60',
                    firefox: '60',
                    ie: '9',
                    safari: '10',
                    edge: '17',
                  },
                },
              ],
            ],
          },
        },
      }
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值