首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Babel 7不能在IE11中多填Promise、Fetch和一些JavaScript文件(如在供应商文件中

使用Promise和Fetch的问题是因为Babel 7默认不转译ES6的Promise和Fetch语法,以及一些其他ES6+的新特性。这导致在IE11中无法正确运行这些代码。

解决这个问题的方法是使用Babel的插件来转译这些语法。具体来说,你可以使用"@babel/preset-env"插件来指定需要转译的目标浏览器版本,包括IE11。同时,你还需要安装"core-js"库来提供Promise和Fetch的polyfill。

以下是一种可能的配置方式:

  1. 首先,安装必要的依赖:
代码语言:txt
复制
npm install --save-dev @babel/preset-env core-js
  1. 在项目根目录下创建一个.babelrc文件,并添加以下内容:
代码语言:txt
复制
{
  "presets": [
    [
      "@babel/preset-env",
      {
        "targets": {
          "ie": "11"
        },
        "useBuiltIns": "usage",
        "corejs": 3
      }
    ]
  ]
}
  1. 在你的构建工具(如Webpack)的配置文件中,添加Babel的loader,并确保它会处理你的JavaScript文件:
代码语言:txt
复制
module: {
  rules: [
    {
      test: /\.js$/,
      exclude: /node_modules/,
      use: {
        loader: 'babel-loader'
      }
    }
  ]
}

这样配置之后,Babel会将你的代码转译为兼容IE11的版本,并自动引入所需的polyfill。

关于Babel和相关概念的更多信息,你可以参考腾讯云的产品介绍链接地址:Babel 7产品介绍

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的视频

领券