vue项目ios(苹果)系统打开显示空白页问题
报错信息:
SyntaxError: Invalid regular expression: invalid group specifier name
翻译:语法错误:无效的正则表达式:无效的组说明符名称。
注:我这里是正则验证报错(网上还有其他报错显示空白页的问题,以后遇到会及时和大家更新)。
原因(本篇原因正则问题):
项目中如果有使用到正则表达式,在Safari浏览器会在某个正则规则下无法解析出来,就会出现:
SyntaxError:Invalid regular expression: invalid group specifier name的错误,然后整个网页就会空白。
解决方式:
直接把正则包在/..../
里面是会出错的,必须要用new RegExp("......", 'g')
包起來才可以,并且有使用到\d
的都要用两个斜线取代\\d
。
可能造成的原因:
Vue项目在部分ios手机Safari浏览器上打开为白屏有可能是一下原因造成:
第一:部分es6语法不兼容 推荐在全局引入 babel-polyfill 解决es6在Safari的兼容问题
第二:有部分Safari浏览器设置了不允许网站读写所有cookie,不允许网站跟踪,这种情况下在项目中使用localStorage sessionStorage cookie都会报错(大部分是这个原因)
查看Safari隐私和安全性:设置-> Safari
第三:在Safari如何跟踪调试
1、打开手机端web检查器,设置-> Safari ->高级(最底部)-> Web检查器打开
2、确保iOS系统手机接入 MAC 电脑(必须是Mac,window调试不了ios系统)
3、找到Mac电脑的 Safari浏览器,找到开发者,就会显示的手机的设
4、此时此刻就可以使用了,调试各个App上网页版的页面了。
注:如果是 Hybrid 嵌入式开发,线上版本,可能就不能调试了,因为IOS App 会把线上的调试功能给禁用,安全!
参考文章:
Safari 出現 SyntaxError: Invalid regular expression: invalid group specifier name | Penueling 磐凌科技Vue项目在部分ios手机Safari浏览器上打开为白屏_百度知道Safari 出現 SyntaxError: Invalid regular expression: invalid group specifier name | Penueling 磐凌科技
有用的话请点赞,关注加收藏哦(。・ω・。)ノ♡
来源地址:https://blog.csdn.net/CCKing7/article/details/129190481
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341