解决vue项目在ie浏览器中无法显示的问题,兼容低版本浏览器问题

1.在csdn中找到了一下解决方案,但与本项目略有不同

vue项目兼容ie浏览器的问题:在其他浏览器显示都是正常的,在ie11下显示空白-前端-CSDN问答

​ 1)运行项目后将端口链接复制到ie浏览器中报出了新问题

加载控件xtxappcom失败,请确认BJCA证书

通过查找https://www.anxz.com/down/92914.html解决了问题

​ 2)剩下的就是在ie浏览器中显示空白

通过在main.js文件中添加

import 'babel-polyfill'

在webpack.base.conf.js中添加

module.exports = {context: path.resolve(__dirname, '../'),
entry: {app:["babel-polyfill", './src/main.js']
},

但因为本项目为vue-cli脚手架版本可能不同,没有创建bulid文件,所以要在node_modules/@vue/cli-service中找到webpack.base.conf.js文件进行修改,所以路径代码也要进行修改./src/main.js改为../../../src/main.js

改完之后还是没啥用 /(ㄒoㄒ)/~~

回头看看,这个webpack.base.conf.js有点问题,找到的是webpack.config.js文件,就是文件找错了。再找找。

(40条消息) Vue 中使用 babel-polyfill 来兼容低版本浏览器_Never Yu的博客-CSDN博客_vue使用babel-polyfill

这个博客中第二条方法中写了可以在webpack.comfig.js文件中编写babel-polyfill兼容插件,之前在vue.config.js文件中添加报错了,不可以添加entry。但是这个方法使用之后还是ie浏览器是空白的,很庆幸在博客中发现另一种方法,添加es6-promise来兼容。

但是添加es6-promise后还是没有显示,/(ㄒoㄒ)/~~~~

再次尝试,

打开packge.json,在dependencies中加入:“babel-polyfill” : “^6.23.0”

然后重新npm install

在App.vue文件中import:import “babel-polyfill”,/(ㄒoㄒ)/~~~~,不i行

想着新建一个项目行不行,可是我新建立的项目的脚手架也是和园项目一样,改不了了。把所有的方法在新建立 项目上都试了一遍没啥用。

经过一番寻找又又又找到了一篇文章 vue项目在ie浏览器打开是空白页解决办法_圣京都的博客-CSDN博客_vue项目ie打开空白这些项目文件都对的上,应该可以解决问题。

还有一个问题,有一个超古老html文件只能在ie浏览器打开,原因:
<object id="AnysignPDF" name="AnysignPDF" classid="clsid:1A5F8EA9-5A10-47EF-81E7-DF7AD23955BC" width="100%" height="95%"> </object>
classid有问题
html:object标签中classid的详解

解决vue项目在ie浏览器中无法显示的问题,兼容低版本浏览器问题相关推荐

  1. 【CSS】清除浮动 ③ ( 清除浮动 - 使用 after 伪元素 | 语法简介 | 兼容低版本浏览器 | 原理分析 )

    文章目录 一.清除浮动 - 使用 after 伪元素 ( 最流行写法 ) 1.额外标签法 和 overflow 样式法弊端 2.after 伪元素清除浮动简介 3.after 伪元素清除浮动核心代码 ...

  2. vue 检测ie版本_Vue2+Webpack+ES6 兼容低版本浏览器(IE9)解决方案

    Vue2+Webpack+ES6 兼容低版本浏览器(IE9)解决方案 解决方式:安装 "babel-polyfill" 即可. 命令:npm install --save-dev ...

  3. React 项目兼容低版本浏览器

    兼容低版本浏览器真的是让人头大,不过现在好在有框架鱼插件的运用,让我们轻松的兼容低版本浏览器,本文中以 DvaJS Cli 举例 下载 react-app-polyfill 和 core-js 插件 ...

  4. element ui 兼容低版本浏览器

    基于ES6的用Vue框架element ui写的页面,如果当需要解决兼容低版本浏览器时,会遇到在低版本浏览器中不显示效果,页面一片空白,但控制台也不报错,而在高版本可以正常显示的情况. 低版本效果: ...

  5. vue3.0 + vite2.0+如何兼容低版本浏览器

    这里写自定义目录标题 一.问题 二.解决 三.解决方案 四.打包预览 一.问题 在使用vue3.2和vite2 开发一个移动端或者钉钉端 H5 微服务 ios app内置浏览器打开没问题 安卓 app ...

  6. React+Webpack+ES6 兼容低版本浏览器(IE9)解决方案

    React+Webpack+ES6 兼容低版本浏览器(IE9)解决方案 参考文章: (1)React+Webpack+ES6 兼容低版本浏览器(IE9)解决方案 (2)https://www.cnbl ...

  7. vite如何兼容低版本浏览器

    一.问题 在使用vue3.2和vite2.0+开发一个移动端H5,测试时发现很多低版本的安卓手机浏览器出现白屏的现象,而ios机型基本上是好的,原因是很多低版本浏览器并不支持原生ESM导入的方式,下面 ...

  8. vue3+vite +element-plus+tailwindcss兼容低版本浏览器(uc)

    部分问题 uc浏览器 rgb支持不全 如rgb(0 0 0 /30%) 这种写法不支持 tailwindcss v3 部分样式在低版本下也不支持 uc浏览器 对于 tailwindcss boxSha ...

  9. vue 打开html流_三种方案解决Vue项目打包后dist中的index.html用浏览器无法直接打开的问题...

    index.html为什么打不开? Vue打包后生成的dist文件中的index.html,双击在浏览器中打开后发现一片空白,打开控制台有很多报错:"Failed to load resou ...

最新文章

  1. MySQL 5.7.2 发布,增强性能和可扩展性
  2. python爬虫自学网站_Python爬虫3步曲:5分钟学习用Python解析网页
  3. 网络嗅探与欺骗(FTP部分)
  4. vba执行linux命令,如何使用vba的shell()运行参数的.exe?
  5. 静心的最好的方法是什么?
  6. c#日期转换周几_C#根据日期计算星期几的实例代码
  7. Python模块下载常用地址
  8. eclipse下载以及下载web插件速度慢的解决方法
  9. 泰坦尼克号的数据分析
  10. java 英文字符占几个字节_Java的字符串里的字符到底占几个字节?
  11. 从五个方面入手保障应用安全
  12. ubuntu自动同步时间
  13. 【python】控制鼠标定时移动 防止屏幕锁定 并生成可执行文件exe
  14. 11广义表的基本概念和性质
  15. Linux服务篇之远程访问及控制SSH
  16. esp32cam.cpp:30:3: error: ‘camera_sensor_info_t’ was not declared in this scope camera_sensor_info_t
  17. $U_{GSQ}$对共源放大电路电压放大倍数的影响
  18. 36晋级12第十场:九进四
  19. 微信小程序支付流程!
  20. BuildConfig is defined multiple times 问题解决

热门文章

  1. 利用报废主板制作SPD刷内存编程器座子
  2. 读《我三年开发经验,从字节跳动抖音组离职后,一口气拿到15家公司offer》有感
  3. 初学Singleton单例模式
  4. js设置长按esc退出全屏;拦截所有所有按键事件;全屏模式下拦截esc按键;javascript;chrome
  5. 推荐免费下载大型酒店管理系统源码
  6. Matlab人形机器人建模与仿真
  7. ZBlog支持ppt一键导入
  8. 厌倦了996模式?来看看国内995制度的公司!
  9. TED-4-美好人生的定义
  10. PS不显示文字光标、文本框、选择后不高亮的解决办法