2023年6月21日发(作者：)

记⼀次vue项⽬ie兼容性问题项⽬是使⽤公司⾃⼰的脚⼿架搭建的，其中引⼊了基于element-ui修改的ui框架。在ie中⽩屏显⽰，并且报错。SCRIPT1028: SCRIPT1028: Expected identifier, string or number查看公司⽂档后发现需要在中添加transpileDependencies参数配置s = { transpileDependencies: ['@pillarjs'],};因为babel默认只转义src中的⽂件，加上transpileDependencies后，可以为node_modules中的依赖开启转换。本以为这就完事了，结果发现不仅ie没起作⽤，就连chrome都报错了。。。chrome报错:Uncaught TypeError: Cannot assign to read only property 'exports' of object '#'ie报错:Assignment to read-only properties is not allowed in strict mode原因是import和s混⽤了,所以webpack报错了。查了半天⽹上的解决办法都没⽤，直到看到。在⾥⾯加unambiguous属性s = { presets: [ '@vue/app' ], sourceType: 'unambiguous'}让babel和webpack⼀样严格区分commonJS⽂件和ES6⽂件。改完之后chrome正常了，edge浏览器也能看了但是ie还是不⾏。报错SCRIPT1002: 语法错误 (9461,3),没办法只能点进去看到底是什么问题。后来发现是element-ui和vue-particles的问题，于是在transpileDependencies中⼜添加了这两个依赖。重启项⽬，ok了。但是很奇怪啊，为什么element-ui也需要加进去，别的使⽤element-ui的项⽬也没加，ie就可以看啊？难道是因为@pillarjs这个依赖使⽤了element-ui的原因？

2023年6月21日发(作者：)

记⼀次vue项⽬ie兼容性问题项⽬是使⽤公司⾃⼰的脚⼿架搭建的，其中引⼊了基于element-ui修改的ui框架。在ie中⽩屏显⽰，并且报错。SCRIPT1028: SCRIPT1028: Expected identifier, string or number查看公司⽂档后发现需要在中添加transpileDependencies参数配置s = { transpileDependencies: ['@pillarjs'],};因为babel默认只转义src中的⽂件，加上transpileDependencies后，可以为node_modules中的依赖开启转换。本以为这就完事了，结果发现不仅ie没起作⽤，就连chrome都报错了。。。chrome报错:Uncaught TypeError: Cannot assign to read only property 'exports' of object '#'ie报错:Assignment to read-only properties is not allowed in strict mode原因是import和s混⽤了,所以webpack报错了。查了半天⽹上的解决办法都没⽤，直到看到。在⾥⾯加unambiguous属性s = { presets: [ '@vue/app' ], sourceType: 'unambiguous'}让babel和webpack⼀样严格区分commonJS⽂件和ES6⽂件。改完之后chrome正常了，edge浏览器也能看了但是ie还是不⾏。报错SCRIPT1002: 语法错误 (9461,3),没办法只能点进去看到底是什么问题。后来发现是element-ui和vue-particles的问题，于是在transpileDependencies中⼜添加了这两个依赖。重启项⽬，ok了。但是很奇怪啊，为什么element-ui也需要加进去，别的使⽤element-ui的项⽬也没加，ie就可以看啊？难道是因为@pillarjs这个依赖使⽤了element-ui的原因？

本文发布于:2023-06-21，感谢您对本站的认可！
版权声明:本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文标签：浏览器兼容性测试

发布评论

评论列表（有0条评论）

    最近发表

    拓祥电子编程网

    拓祥电子编程网

    拓祥电子编程提供编程程序员技术分享技术，经验代码。

      相关推荐

      标签列表