美文网首页
weex安装部署问题以及代码调试初级

weex安装部署问题以及代码调试初级

作者: 兔子啥色儿哩 | 来源:发表于2017-05-04 09:29 被阅读0次

    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的代码,手机端自动刷新。

    相关文章

      网友评论

          本文标题:weex安装部署问题以及代码调试初级

          本文链接:https://www.haomeiwen.com/subject/ptjrtxtx.html