根据Weex官方创建的Demo H5只能运行在iOS11浏览器中的问题

根据Weex官方搭建开发环境的步骤:http://weex.apache.org/cn/guide/set-up-env.html

启动服务后,通过手机自带的浏览器打开地址,发现只在iOS11上有效,iOS10、iOS9、安卓7.0(手里只有一个安卓手机,其他版本还不清楚)都是白屏

正好手里有一个iOS10的真机,调试后发现js报错:Can't find variable: SockJS。

查了一下解决方案:
将config.js中的:
devtool: 'eval-source-map'
改为:
devtool:'inline-source-map'
PS:具体为什么我也不清楚,从原生转到Weex开发确实有好多坑要跳啊,本身对前端就不是很精通,了解的大神方便的话可以告知原因

这个方法也只解决了iOS10的问题,iOS9和安卓还是不行,只能后期解决了再来更新了

2018-03-06更新:
终于解决了,网上各种搜索,总算看到一个帖子说是webpack-dev-server的问题,通过降级到2.7.1完美解决,iOS9、安卓都可以加载H5了,这里附上降级方法以及帖子地址:
npm rm webpack-dev-server -D
npm i [email protected] -D
地址:https://github.com/mrdulin/blog/issues/35

你可能感兴趣的:(根据Weex官方创建的Demo H5只能运行在iOS11浏览器中的问题)