Vue3 在Edge110~111版本中存在的Bug

203 阅读1分钟

----------------2023年3月21日 更新----------------------- 找到问题啦!是浏览器插件:印象笔记·剪藏 导致的,给他卸载掉就好啦

起因:

最近在学习Vue3,新建项目,然后npm run dev的时候,Edge控制台3秒后出现了以下报错:

微信截图_20230317174604.png 直接震惊我一年,这可是空白项目啊

震惊完后开始尝试解决,以下是失败了的方法:

1、重装脚手架 ×

2、改变初始化方式:npm init vue@latest

3、改变初始化方式:vue create antd-demo

4、编译后部署:run-p build-only

vite preview --port 8080

5、断点debug

6、看环境配置

以上方法全部失败,然后在想是不是浏览器兼容性出现了问题,我的Edge是110版本,然后更新至111版本(版本 111.0.1661.44 (正式版本) (64 位)),仍然报错。

直到这篇文章撰写时,我仍没解决Edge 110~111版本出现的问题,希望大家能给我提供点思路,下面是我暂时的解决方式:

1、使用chrome浏览器,不会出现报错

2、使用Edge dev版本,版本号112.0.1722.7 (正式版本) dev (64 位),不会出现报错

下载链接:c2rsetup.edog.officeapps.live.com/c2r/downloa…