weex是阿里巴巴开源家族的最新成员,旨在三端统一。安装过程依赖node npm,本文档重点记录本人安装过程中的报错和解决方案,假定你略懂node。使用npm install 安装时,建议切换淘宝源cnpm。
weex的安装部署(weex toolkit)
安装按照一般教程来即可:sudo cnpm install weex-toolskit。可以同理安装weex-components。mac下的安装过程一般比较顺利,brew install即可。在Linux上安装偶尔会出现问题。
问题1 weex-toolkit安装后执行weex -v命令可查看weex的版本号,但执行weex的时候报错?
主要原因是部分依赖安装失败,此时就算sudo提高用户权限,仍然无法解决问题。解决方案:chmod 777 node_modules。
问题2 在执行weex debug过程中,提示vue和vue-compiler-loader版本不匹配,
解决方案:
weex xbind repair toolkit-repair
weex repair
主要原因是存在主要是在检测weex各依赖项是否存在冲突,如果存在代码冲突,一般能解决问题。切记,这里我先后尝试重装依赖,切源重装,各种折腾,都不行。
weex的调试
weex的debug需要安装weex-devtool-extension工具,安装完毕,加载到谷歌浏览器上,
单纯想调试weex代码,了解官方实例demo,可以直接运行weex debug指令,在浏览器端进行断点操作,就可以直接在手机端进行相关官方事例demo的调试工作。 对于自己编写的代码,执行weex debug xx.we,假定一切正常,会自动调出浏览器(在此之前,可以使用weex命令查看页面效果)。利用手机端weexplayground软件,扫左侧码。浏览器自动跳出debug页面,继续扫右边二维码,执行调试的weex就手机端显示,注意这不是H5页面,是实实在在的手机native界面,此时更改debug的代码,手机端自动刷新。