关于vue在ie浏览器打不开,页面显示空白,es6转es5失败

it2024-03-13  64

由于vue项目使用的js是es6或者是更高的版本,ie11仅支持部分es6新语法,因此需要向下兼容,需要将es6+转换成es5语法

cnpm i babel-polify -D-S在main.js 引入 import babel-polify

bug: ie浏览器中的babel-polify在本地项目中可以完美运行,但是在打包之后就无法运行

旧的babel-polify的core-js包是2.5的

@babel/polify里面的core-js包是2.6的

然后我们现在虽然都在说es6,但是其实有部分语法已经是es7了

在vue-cli3里面是内置了@babel/present-env,这个也是跟core-js的包配合使用

修改这个配置就足够了

里面核心就是AST,通过AST编译去处理es5,6,7的转换 制造bug历程: 由于本地运行babel完美转换,但是到服务器端打包之后就出现了问题,所以第一时间就是去网上找各种解决方案,得到的都是说需要在vue代码里面将那些es6+的代码改成es5格式。但是这样工作量太大了,所以就去看vue-cli的配置,找到configureWebpack的配置,修改了entry,但是还是不行。在后面再ie浏览器看打包之后的代码,里面的const命令还在,所以就尝试本地打包项目,发觉本地打包的项目原来是已经被转码了的。那么可能就是Jenkins里面的引用的babel包的问题。后面去叫运维去upgrade一下引用包,问题解决了。卢本伟牛逼

最新回复(0)