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 磐凌科技

有用的话请点赞,关注加收藏哦(。・ω・。)ノ♡

猜你喜欢

转载自blog.csdn.net/CCKing7/article/details/129190481
今日推荐