Vue-cli搭建的webpack微信公众号项目关于兼容IE9以上和iOS11以下白屏问题

解决IE与Vue.js兼容性问题
最新推荐文章于 2024-01-29 11:49:29 发布
原创 最新推荐文章于 2024-01-29 11:49:29 发布 · 601 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了使用ES6语法编写的Vue.js应用程序在IE浏览器上遇到的兼容性问题，特别是当JS文件放置在static目录下时，由于未转换成ES5格式导致的白屏现象。文章提供了在IE中调试并解决此问题的方法，确保应用在IE及微信浏览器上的正常运行。

1.兼容性问题

因为采用es6写法，而IE很多版本暂时不支持这种写法，造成打包后白屏问题

vue的js文件放在src下在打包时会自动转为es5格式，但是放在static下的js文件是不会转的，通过IE控制台查看改错

IE和微信浏览器内核版本一致，只要在IE调通了IE能展示页面，微信端基本就没事了

Javacssjsp
关注
web前端笔试题-完善版
JackieDYH的博客
08-08 1万+
web面试题 1、定位有哪几种？分别简述其特点。 static：默认值，没有定位，元素出现在正常的文档流中 relative：生成相对定位的元素，不脱离文档流，相对于自身位置进行定位 absolute：生成绝对定位的元素，脱离文档流，相对于最近一级的定位，而不是static的父元素来进行定位 fixed：生成绝对定位元素（老IE不支持），脱离文档流，相对于浏览器窗口进行定位 2、请描述一下网页从开始请求到最终显示的完整过程 1.1在浏览器中输入地址 1.2发送到DNS服务器，解析获取域名对应的web服务器
React,Vue,Css3 ...等热门面试题
最新发布
qq_70010470的博客
05-24 984
## 面试 * Fiber React Fiber是react执行渲染时的一种新的调度策略 JavaScript是单线程的 一旦组件开始更新 主线程就一直被React控制 这个时候如果再次执行交互操作 就会卡顿 页面首次渲染会创建一颗结构 一模一样的的Fiber节点树 Fiber在update的时候 会从原来的Fiber clone出一个新的Fiber 俩个Fiber diff出的变化 在更新结束后会取代之前的 Fiber节点树 渲染过程采用切片的方式
解决vue build后不兼容IOS11以下版本，并清理index缓存
baibi4079的博客
02-25 458
* build --> webpack.prod.conf.js --> UglifyJsPlugin添加关于mangle的选项 mangle: { safari10: true } *打包好的index.html放到服务器里去的时候，index.html在服务器端可能是有缓存的，这需要在服务器配置不让缓存index.html *nginx...
Css_IE9兼容性问题
weixin_30511039的博客
07-02 414
问题： 　　IE9 css过大时，加载css会加载一部分css内容，处理方式，代码切割。 　　Webpack中使用插件CSSsplitWebpackPlugin()样式切割。 转载于:https://www.cnblogs.com/GongYaLei/p/11118380.html...
IE9对CSS3的支持情况概述
weixin_33913332的博客
09-23 121
译文链接：http://www.impressivewebs.com/css3-support-ie9/
vue x 兼容iphone_微信H5兼容iPhoneX
weixin_39815286的博客
12-20 284
问题抛出，主要是因为iphoneX屏幕的齐刘海和底部滑条带来的一些操作问题。解决方案一(不针对微信H5或者手QH5)1.iPhoneX的适配，在iOS 11中采用了viewport-fit的meta标签作为适配方案；viewport-fit的默认值是auto。关于 viewport-fit1.viewport-fit 有三个可选值：contain:最初的布局视窗和视觉布局视窗被设置为最大的矩形。...
html手机端苹果兼容,关于vue移动端 ios 的兼容问题(二)
weixin_35126737的博客
06-21 727
问题一问题：ios无法的手机浏览器无法解析报错：SyntaxError: Invalid regular expression: invalid group specifier name/(?<={).+?(?=})/ig 类似的正则而且直接干扰代码的运行 也就是说只要你有使用类似的正则 代码直接报错 不会运行问题二问题：ios 白屏不显示,并无报错检查方式：用try{}catch(err)...
vue-cli4+webpack4+vant搭建前端移动H5通用框架
破鞋何苦阑珊的博客
07-01 6037
vue-cli4+webpack4+vant搭建前端移动H5通用框架(开箱即用) 简介 该框架是基于cli4 + webpack4 + vant + less的移动端H5通用框架，可供快速开发。 在此之前需要了解一下一个移动端H5改包含哪些技术点： 序号 要点 1 cli-4 2 UI框架 vant 3 rem自适应 4 请求拦截封装 5 路由配置 6 登录校验 7 环境变量配置 8 webpack配置(vue.config.js) 9 弹窗封装(由于不同项目
h5微信本地调试 vue_VUE开发微信H5页面总结
weixin_34138585的博客
12-31 806
写在前面刚入门前端的时候写过很多的微信H5页面，时隔多年感觉应该是手到擒来，不曾想竟很是费了一些功夫。现在把本次开发过程中遇到的问题以及我是如何解决的，做个记录。防止自己以后再去解决解决过的问题。github：github.com/qq9694526/v…一、微信网页授权网页授权流程分为四步，这里只说前端需要做的，其中的第一步：跳转授权页面获取code。这里分享下我的授权逻辑(下图)，它有两个优点...
前端知识宝典
qq_37759901的博客
01-29 2299
搜索框输入，文本剪辑器实时保存代码实现思路如下：（利用定时器，每次触发先清掉以前的定时器，从新开始）
在iOS11上出现Web页面无法显示的问题
diankuini1374的博客
08-01 923
内容来源 https://blog.youkuaiyun.com/weixin_43883776/article/details/86238958 一个解决方案 https://blog.youkuaiyun.com/qq_31490071/article/details/88870973 打了测试环境的包，在iOS11系统上任何wkwebview界面显示都没有什么问题，但是到了iOS10的系统上，或者...
vue-cli+webpack搭建的vue开发环境配置打包文件路径
wuyitong116的博客
05-25 411
使用vue-cli+webpack搭建的vue开发环境 修改默认打包文件路径配置
vue在微信里面的兼容问题_微信公众号h5页面config验证兼容处理（vue）
weixin_42255222的博客
12-31 742
微信公众号第三方h5页面在开发时避免不了要使用微信提供的jsApi，但在使用这些接口前，都必须经过config验证，官方文档上只提供说在每个调用api接口的页面调用一次config并传输当前页面完整路径即可，但是，此处的坑就是ios的验证方式和Android不太一样，ios只认刚进页面的路径，所以在页面一进来时就进行一次config验证即可，Android就按微信文档上所说的进行就可以，代码如下：...
Vue2+Webpack+ES6 兼容低版本浏览器（IE9）
weixin_44183254的博客
03-22 772
解决方案 解决方式：安装 “babel-polyfill” 即可。 命令：npm install --save-dev babel-polyfill 在入口main.js文件引入：import ‘babel-polyfill’ 最后一步，在build文件夹下找到webpack.base.conf.js.修改入口方式： entry: { app: [“babel-polyfill”, “./src/...
React+Webpack+ES6 兼容低版本浏览器（IE9）解决方案
p15097962069的博客
08-01 344
React+Webpack+ES6 兼容低版本浏览器（IE9）解决方案
webpack配置多入口，编译后页面加载空白解决
weixin_37331593的博客
11-21 860
webpack配置多入口，编译后页面加载空白解决
webpack5 基本配置
qq_56303170的博客
08-18 904
在这个模式下我们主要做两件事：编译代码，使浏览器能识别运行开发时我们有样式资源、字体图标、图片资源等，webpack默认都不能处理这些资源，所以我们要加载配置来编译这些资源代码质量检查，树立代码规范提前检查代码的一些隐患，让代码运行时更加健壮。...
通过webpack解决浏览器兼容问题
sanlyshi's front-end road
12-29 2744
这里记录一下我们如何通过webpack来实现兼容。
vue-cli搭建Webpack项目：配置详解与实战指南
Vue CLI是一个用于创建 Vue.js 项目的命令行工具，简化了项目初始化和配置过程。在"build"阶段，配置文件扮演了关键角色，负责定义项目构建流程、优化和打包策略。 首先，了解vue-cli脚手架的安装至关重要。确保你...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值