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
}
}
]
]
}
}