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

有用的话请点赞，关注加收藏哦(｡･ω･｡)ﾉ♡