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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 2016年4月21日,阿里巴巴在Qcon大会上宣布开源跨平台移动开发工具Weex,Weex能够完美兼顾性能与动态性...
    晴天咚咚阅读 2,908评论 1 15
  • Weex 是一套简单易用的跨平台开发方案,能以 web 的开发体验构建高性能、可扩展的 native 应用,为了做...
    假装我是程序猿阅读 546评论 0 1
  • What 简而言之,Weex就是一套完全针对无线电商的技术方案。采用HyBird的方式,脑洞来自于RN,相比于传统...
    seph_von阅读 1,043评论 2 1
  • 什么是 weex weex 是阿里开源的一套三端通用方案,只要编写一次代码就能运行在 iOS、Android 和 ...
    Tatinic阅读 1,327评论 0 9
  • 阿岗森林STORY 绚丽多彩的秋 友谊珍贵 担起生命传承的责任 爱的故事 猜猜我是什么? 大自然的韵律 扭着壮
    雨露花馨阅读 232评论 0 0