首页 > 其他分享 >Vue项目在ie浏览器中显示空白的兼容性问题解决

Vue项目在ie浏览器中显示空白的兼容性问题解决

时间:2023-02-14 15:13:06浏览次数:58  
标签:Vue 浏览器 babel js polyfill 兼容性问题 ie config

问题:在ie浏览器中页面报错:

SCRIPT5022: SecurityError

小编也不知道原因是什么,小编是尝试了以下几种方式才显示出来,这里建议大家试试看。

1、下载软件包:@babel/polyfill

执行的命令为:npm install @babel/polyfill

2、在main.js文件中,第一行位置引入,注意一样要放在第一行。

import '@babel/polyfill'

如果不行的话,把最下面注释的内容也写上。

 

 

3、在vue.config.js文件中加入语句:

transpileDependencies:['*'],
chainWebpack:config =>{ config.entry('main').add('babel-polyfill') //main.js是入口js文件 }

 

 

4、在babel.config.js中写:

module.exports={
    presets:[
        [
           '@vue/app’,{
                useBuiltIns:'entry'
            }
        ]  
    ]  
}                

 

 

 

 

5、在.browserslistrc文件中写:

>1%
last 2 versions
not ie<=11

 

 

6、在ie浏览器中点击  设置 > Internet选项 > 安全  > 本地Intranet  >  站点 >  "取消全部勾选"  >确定

 

标签:Vue,浏览器,babel,js,polyfill,兼容性问题,ie,config
From: https://www.cnblogs.com/evident/p/17119639.html

相关文章