欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue项目在IE下打开空白

程序员文章站 2022-06-04 16:47:48
...

Polyfill 是一块代码(通常是 Web 上的 JavaScript),用来为旧浏览器提供它没有原生支持的较新的功能。

ie9和一些低版本的高级浏览器对es6新语法并不支持 导致 页面在ie浏览器不能正常展示,显示空白

babel提供了polyfill依赖,用来解决这一问题,方法如下:

首先安装依赖:

npm install --save @babel/polyfill

在/src/mian.js中引入 polyfill 依赖

import 'babel-polyfill'

修改/build/webpack.base.config.js文件的配置:

entry: {
  // app: './src/main.js'    // 旧配置
  app: ["babel-polyfill",'./src/main.js']  // 新配置
},

文章的最后,提供参考链接

https://www.cnblogs.com/bigsister/p/11302077.html
what is a polyfill?
babel-polyfill