用Babel实现IE11下的ES6
用Babel实现IE11下的ES6
提问于 2019-06-04 23:24:20
我是巴别塔的新手，正在尝试将我的es6代码转换为与IE11一起工作。但是当我在IE11中运行代码时，我得到关于我的forEach代码的js错误。根据我所读到的内容，我需要添加预设的@babel/preset-env。我将其添加到我的配置文件中，所以我不确定为什么它不能转译这些forEach调用。
const path = require('path');
module.exports = {
entry: {
setupForm: "./Scripts/es6/setupForm.js",
prelimForm: "./Scripts/es6/prelimForm.js"
},
output: {
filename: '[name].js',
path: path.resolve(__dirname, './Scripts/build'),
},
module: {
rules: [{
loader: 'babel-loader',
test: /\.js$/,
exclude: /node_modules/,
query: {
presets: ['@babel/preset-env']
}
}]
}
}我想也许我需要额外引用babel polyfill.js作为discussed here，所以我将它添加到我的页面中，但是，我得到了关于对象不支持属性或方法'forEach'的相同错误。
这是我的package.json文件。
{
"name": "OurSite",
"version": "1.0.0",
"description": "",
"main": "map_embed.js",
"directories": {
"doc": "docs"
},
"scripts": {
"build": "webpack"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"@babel/core": "^7.4.5",
"@babel/preset-env": "^7.4.5",
"babel-core": "^6.26.3",
"babel-loader": "^8.0.6",
"babel-polyfill": "^6.26.0",
"babel-preset-env": "^1.7.0",
"webpack": "^4.32.2",
"webpack-cli": "^3.3.2"
},
"babel": {
"presets": [
"env"
]
},
"dependencies": {}
}回答 2
Stack Overflow用户
回答已采纳
发布于 2019-06-05 03:30:20
下面是你应该做的：
- 将
@babel/polyfill - Include
@babel/polyfill安装在您的entry中(如果您有多个条目，并且您不打算在同一页上同时包含polyfill和polyfill)。 - 确保所有babel包具有相同的主版本，即
7.x.x(不用担心babel-loader-这实际上是一个babel包，而不是babel包)。
Webpack
module.exports = {
...
entry: {
setupForm: ["@babel/polyfill", "./Scripts/es6/setupForm.js"],
prelimForm: ["@babel/polyfill", "./Scripts/es6/prelimForm.js"]
},
...
}package.json
{
...
"devDependencies": {
"@babel/core": "^7.4.5",
"@babel/preset-env": "^7.4.5",
"@babel/polyfill": "^7.4.4",
"babel-loader": "^8.0.6",
"webpack": "^4.32.2",
"webpack-cli": "^3.3.2"
},
...
}Stack Overflow用户
发布于 2020-03-10 19:20:06
从Babel 7.4.0开始，@babel/polyfill已被弃用，取而代之的是core-js和regenerator包。
https://babeljs.io/docs/en/babel-polyfill#docsNav
或者包括在webpack中
module.exports = {
entry: {
main: [
'core-js/stable',
'regenerator-runtime/runtime',
'src/main.js'
]
}
}或包含在js的顶部。
import 'core-js/stable';
import 'regenerator-runtime/runtime';页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56446904
复制相关文章
相似问题
腾讯云开发者
