webpack:Unknown option: .useBuiltIns,Module build failed

webpack:Unknown option: .useBuiltIns,Module build failed

ERROR in ./src/js/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: [BABEL] E:\betterLifeFuture\webpack\13.js兼容性处理\src\js\index.js: Unknown option: .useBuiltIns. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options.
- Maybe you meant to use
"presets": [
  ["@babel/preset-env", {
  "useBuiltIns": "usage",
  "corejs": {
    "version": 3
  },
  "targets": {
    "chrome": "60",
    "firefox": "60",
    "ie": "9",
    "safari": "10",
    "edge": 17
  }
}]
]
To be a valid preset, its name and options should be wrapped in a pair of brackets
    at throwUnknownError (E:\betterLifeFuture\webpack\13.js兼容性处理\node_modules\@babel\core\lib\config\validation\options.js:133:27)
    at E:\betterLifeFuture\webpack\13.js兼容性处理\node_modules\@babel\core\lib\config\validation\options.js:118:5
    at Array.forEach (<anonymous>)
    at validateNested (E:\betterLifeFuture\webpack\13.js兼容性处理\node_modules\@babel\core\lib\config\validation\options.js:94:21)
    at validate (E:\betterLifeFuture\webpack\13.js兼容性处理\node_modules\@babel\core\lib\config\validation\options.js:85:10)
    at E:\betterLifeFuture\webpack\13.js兼容性处理\node_modules\@babel\core\lib\config\full.js:324:36
    at cachedFunction (E:\betterLifeFuture\webpack\13.js兼容性处理\node_modules\@babel\core\lib\config\caching.js:60:27)
    at cachedFunction.next (<anonymous>)
    at evaluateSync (E:\betterLifeFuture\webpack\13.js兼容性处理\node_modules\gensync\index.js:251:28)
    at sync (E:\betterLifeFuture\webpack\13.js兼容性处理\node_modules\gensync\index.js:89:14)

webpack 5.45.1 compiled with 1 error in 2321 ms

在配置core-js的时候加一层use,然后在presets中加上一个[ ]。

  use:{
                    loader:'babel-loader',
                    options:{
                        presets:[
                            [
                                '@babel/preset-env',
                                {
                                    // 按需加载
                                    useBuiltIns:'usage',
                                    // 指定core-js版本
                                    corejs:{
                                        version:3
                                    },
                                    // 指定兼容性做到那个版本浏览器
                                    targets:{
                                        chrome:'60',
                                        firefox:'60',
                                        ie:'9',
                                        safari:'10',
                                        edge:17
                                    }
                                }
                            ]
                        ]
                    }
                }              
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在使用vue-cli创建项目时,遇到了无法下载vuejs-templates/webpack模板的问题,并显示了一个错误信息"Failed to download repo vuejs-templates/webpack: getaddrinfo ENOTFOUND github.com"。这个问题通常是因为无法连接到外网或者连接超时导致的。根据引用和引用的内容,有两种解决方案可以尝试。 第一种解决方案是手动下载webpack-simple模板,并将其放置在指定目录。你可以从https://github.com/vuejs-templates/webpack下载该模板。然后解压下载的文件,并将其放到C:\Users\Administrator\.vue-templates目录中。如果你不确定应该将解压的文件放置在哪个具体位置,可以运行vue init webpack-simple projectName --offline命令,该命令会告诉你需要将文件放置的位置。 第二种解决方案是离线创建项目。首先,你需要从https://github.com/vuejs-templates/webpack下载vue-templates/webpack压缩包。如果你无法访问该链接,你可以使用https://pan.baidu.com/s/1SJPM1gikp3DQsgkKX4vAFQ提供的下载地址和提取码进行下载。下载完成后,将压缩包解压到用户目录下的.vue-templates文件夹中,确保文件夹名称前面有一个点(.),并将文件夹命名为webpack。然后,在运行vue init webpack命令时,添加--offline参数以表示离线创建。 通过以上两种解决方案,你应该能够解决vue-cli下载模板失败的问题。请根据自己的实际情况选择其中一种方案进行尝试。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [使用vue-cli创建工程的时候提示vue-cli Failed to download repo vuejs-templates/webpack-simple:self ...](https://blog.csdn.net/southwindpass/article/details/118495530)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [vue-cli Failed to download repo vuejs-templates/webpack解决办法](https://blog.csdn.net/qq_45731083/article/details/114921816)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值