vue2+vue-cli3 创建示例项目 在IE11访问显示空白

都2023年9月份了。想学着使用vue写点东西,就用vue2+vuecli3 (尽管不是最新的)创建了一个示例项目,然后vscode控制台运行了npm run serve ,在浏览器打开http:localhost:8080 看效果,没啥问题。

打开虚拟机中的win10精简版,里面只有IE11 ,输入了地址后发现一片空白。

接下来就是一通的查资料,网上各类大神写的一大堆解决办法看得我一个小白头昏脑涨,无奈之下,自己上吧。

来到了vue官网,找到了右上角的生态系统

在里面找到了工具链指南,进来后,往下滑了几下就看到了vuecli

那必须点进去看看啊,有没有什么兼容性问题之类的,果然,在左侧就看到了浏览器兼容性

点击浏览器兼容性,第一个小节就很吸引我,说是什么browserslist,就几行,看看吧

后面的那些段落我看着头晕,就没往下看。虽然没看懂这四行说的啥,就点了【这里】进去了。

直接给我跳到一个github仓库,一看巴拉巴拉一大坨,不想费脑子,只见右上角有一个链接,二话不说,进去看看

好家伙,得亏我浏览器有翻译功能啊

这里好像是检测浏览器配置的地方,而且这个browserslist配置貌似哪里见过,回到项目找到package.json最下面得配置就是,复制进去

列表里貌似还真没有IE11啊。咋办呢,然后去看看左边的那堆英文介绍吧。一个劲的往下翻,也看不太懂,怎料不小心看到一个ie11???

不管三七二十一,改成0.2%,测测

貌似还没有出现IE11?难道dead了?改成dead,然后再试试

他来了。

好吧,就这样把配置覆盖回去。重新run一下。

然后就打开了。。。

控制台也没报错

然后把配置改成 not dead ,运行也没什么错误,能打开。

没做过其他配置,没导入其他依赖,网上说的什么polyfillxxx等等都没有用,就打开了。

不过后面随着内容的添加以及其他插件什么的导入,可能还会出现其他问题。 这里记录一下。后面遇到了再慢慢解决把。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值