记一次vue3在ie11中空白问题的探索

news/2024/7/10 3:22:08 标签: vue, bug

我并没有解决这个问题,但说不定能给你提供一些思路…

我的项目使用vue-cli进行初始化的。看一下package.json的依赖项目:

  "dependencies": {
    "core-js": "^3.6.5",
    "vue": "^3.0.0"
  },

其实并不止这两个依赖,vue3本身也依赖于别的项目:

  "dependencies": {
    "@vue/shared": "3.0.4",
    "@vue/compiler-dom": "3.0.4",
    "@vue/runtime-dom": "3.0.4"
  },

vue3本身打包出来的文件,也就是你npm install的文件引入的vue3的依赖,包含了函数参数默认值的语法。这个基本是你在ie11打开时候第一个错。

在这里插入图片描述
对于这个错误,是因为babel默认是不会编译node_moduels里的文件的,所以需要配置如下:
在这里插入图片描述
值得注意的是,之所以写两个,因为如上文所说,项目会引用node_modules里面vue与@vue两个文件夹中的文件。

但这样改了之后仍旧会报错:
在这里插入图片描述
也就是下面这个同样的错误

Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them

网上的解决办法是安装 @babel/plugin-transform-modules-commonjs @babel/plugin-transform-strict-mode 两个插件,然后在babel的配置文件中写入:

"plugins": [
      ["@babel/plugin-transform-modules-commonjs", { "strictMode": false }]
    ]

然后我这里并没有作用,之后我并没找到其他的解决办法。

最后,vue3本身是不支持ie11的。但他是有计划去支持的。只不过我看最近的提交一直是修复bug,估计解决兼容性问题的优先级太低了, 下面是原文:

v3.0.0 One Piece release notes: Migration and IE11 Support: We have pushed back the migration build (v3 build with v2 compatible behavior + migration warnings) and the IE11 build due to time constraints, and are aiming to focus on them in Q4 2020. Therefore, users planning to migrate an existing v2 app or require IE11 support should be aware of these limitations at this time

如果哪位大侠知道如何解决,还望不吝赐教。


http://www.niftyadmin.cn/n/1382912.html

相关文章

嘉峪关市与甘肃省广电网络公司对接智慧城市建设项目

7月27日,我市与省广电网络公司召开智慧城市建设项目对接会,就推进实施智慧城市建设项目进行对接。市委常委、常务副市长张静昌主持对接会并讲话。 会上,省广电网络公司项目组相关负责人对项目进展情况作了详细汇报。项目组表示,嘉…

使用BCDboot工具,修复windows 系统启动,双启动菜单丢失故障

http://technet.microsoft.com/en-us/library/hh824874.aspx转载于:https://blog.51cto.com/acadia627/1379931

ASP.NET Core的配置(1):读取配置信息

提到“配置”二字,我想绝大部分.NET开发人员脑海中会立马浮现出两个特殊文件的身影,那就是我们再熟悉不过的app.config和web.config,多年以来我们已经习惯了将结构化的配置信息定义在这两个文件之中。到了.NET Core的时候,很多我们…

antd 与 element-ui如何按需引入,以及二者的不同

antd与element-ui作为两个用途广泛的ui框架,均提供了按需引入,毕竟全量引入会导致包体积太大。尤其是当我们只想使用其中几个组件的时候,按需引入就变得更有必要了。 我特意数了一下,二者均提供了共计63个组件,这是不…

[DeeplearningAI笔记]序列模型3.3集束搜索

5.3序列模型与注意力机制 觉得有用的话,欢迎一起讨论相互学习~Follow Me 3.3 集束搜索Beam Search 对于机器翻译来说,给定输入的句子,会返回一个随机的英语翻译结果,但是你想要一个最好的英语翻译结果。对于语音识别也是一样,给定…

基于YMP-WeChat模块接收并处理微信事件及消息的代码

2019独角兽企业重金招聘Python工程师标准>>> public class MessageHandler implements IMessageHandler {private static final Map<String, PairObject<String, Long>> __resources new ConcurrentHashMap<String, PairObject<String, Long>…

Mockjs的理解与简单使用

感觉在实际前后台联调的过程中&#xff0c;主要有以下几个用到Mockjs的时机&#xff1a; 开发新功能&#xff0c;后台接口以及相关的字段已经定义了&#xff0c;但还并没有写实现&#xff0c;也就是无法访问&#xff0c;这时候就可以使用Mockjs&#xff0c;来模拟数据的返回。…

webpack4.0各个击破(7)—— plugin篇

webpack作为前端最火的构建工具&#xff0c;是前端自动化工具链最重要的部分&#xff0c;使用门槛较高。本系列是笔者自己的学习记录&#xff0c;比较基础&#xff0c;希望通过问题 解决方式的模式&#xff0c;以前端构建中遇到的具体需求为出发点&#xff0c;学习webpack工具…