报错信息:
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://www.toymoban.com/news/detail-450952.html
有用的话请点赞,关注加收藏哦(。・ω・。)ノ♡文章来源地址https://www.toymoban.com/news/detail-450952.html
到了这里,关于vue项目ios(苹果)系统打开显示空白页问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!