您好,欢迎来到二三娱乐。
搜索
您的当前位置:首页weex小试牛刀

weex小试牛刀

来源:二三娱乐

原来做cordova项目时候,调试过一次weex,没有太重视。时隔多年,哈哈。。。后期项目可能会使用到混合开发,所以重拾看一看,做个小项目把玩一番。

Weex 是一个使用 Web 开发体验来开发高性能原生应用的框架
环境搭建:
遇到的问题:
  • weex -v 查看版本,我去,weexpack怎么还是0.xx.bate版,升级
weex update weexpack
  • Failed to install app/build/outputs/apk/weex-app.apk: Failure [INSTALL_FAILED_USER_RESTRICTED: Install canceled by user]
    打开USB 调试 允许usb安装 ok

  • weex使用vue-router,捯饬了大半天,真是&……%%¥……&()。
      在脚手架生成项目时候,有提示 是都需要使用 vue-router(不建议使用)
    坑在这里,溢于言表,习惯性的以为,直接enter就是yes,一路回车,但是生成的项目中就是没有router的相关配置,package.json中也没有。
      然后自己写router,在entry.js中添加,不幸的是,生成的.temp中index直接覆盖你写的。这可如何是好。
      煞费周折,重新生成项目,这次命令行中 y。生成的项目中果真配置好了router。ok

  • loading在web端可以正常滑动,在手机端无法滑动。这是个问题,让我翻来覆去,开始怀疑坑...,多方查找。找到了问题所在,

    <scroller>
        <div class="group" v-for="(item,index) in list" :key="index">
             .......
            <loading class="loading" @loading="onloading" :display="loadinging ? 'show' : 'hide'">
               <loading-indicator class="indicator"></loading-indicator>
            </loading>
        </div>
    </scroller>

发现了么,loading 不能被包括,应该放到外面才能被触发。修改如下

    <scroller>
        <div class="group" v-for="(item,index) in list" :key="index">
             .......
        </div>
        <loading class="loading" @loading="onloading" :display="loadinging ? 'show' : 'hide'">
            <loading-indicator class="indicator"></loading-indicator>
        </loading>
    </scroller>
  • WXFileUtils.loadAsset()编译时候能都通过,但是真机运行时候,报错,“找不到这个方法“,真是日乐购的,
    解决方法,升级 weex_sdk。官方的是0.5.1,这尼玛
    使用下图的没问题


    image.png
  • Error: Current working directory is not a weex project.
    这是一个蛋疼的问题。我把node_modules依赖包和 platforms给删了。然后重新装依赖,就报这个错,呵呵。
    算了,直接从别的项目中拷platforms 过来,或者自己手动创建个platforms文件夹,然后新建platforms.json 里面什么都不用写。

Copyright © 2019- yule263.com 版权所有 湘ICP备2023023988号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务