weex在运行上遇到的坑

简介: weex在运行上遇到的坑

创建weex项目


注意:如果运行命令的时候遇到permission权限问题的话,记得在命令前面加上sudo


$ weexpack create  appName
复制代码

下载安装依赖包

$ cd appName && npm install
复制代码

ios

$ weexpack platform add ios
复制代码

android

$ weexpack platform add android
复制代码

web



$ npm run build //web工程打包
$ npm run dev & npm run serve 
复制代码

ios



weex run ios 或者 weexpack run ios 
复制代码

android



weex run android 或者 weexpack run android
复制代码

android的坑



  1. 首先就是环境变量的问题,环境是mac,环境变量没配置好的话,会报Enviroment variable $ANDROID_HOME not found!错误,解决方案就是打开根目录的.bash_profile文件,配置一下环境变量,配置好之后,记得退出terminal,重新打开运行


#我的sdk路径是/Users/mac/Library/Android/sdk
export ANDROID_HOME=/Users/mac/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools
复制代码
  1. 运行当中,有时候会报错Failed to find Build Tools revision 26.0.0错误,这个是sdk的构建工具没有这个版本,weex不会自动给我们去下载,我们可以打开weex项目的app的build.gradle,重新设置一个我们项目有的一个版本,比如可以参考其他android项目下哪个版本有的,supportLibrary的版本如果遇到错误的话,可以按照这个方式一样进行设置


  1. 报下面这种错误的话,是因为dependens远程库的时候,网络不好没有下载下来,可以尝试在此运行项目可以解决


android:app:unspecified
      > Could not resolve com.taobao.android:weex_sdk:0.16.0.
         > Could not get resource 'https://jcenter.bintray.com/com/taobao/android/weex_sdk/0.16.0/weex_sdk-0.16.0.pom'.
            > Could not GET 'https://jcenter.bintray.com/com/taobao/android/weex_sdk/0.16.0/weex_sdk-0.16.0.pom'.
复制代码

ios的坑



用xcode打开项目,项目目录如下


platfroms-ios-WeexDemo.xcodeproj
复制代码


运行项目的时候会报错


'WeexSDK/WeexSDK.h' file not found
复制代码


这是因为依赖库没有下载下来,我们可以查看Podfile文件,需要下载哪些库,检查cocoapods是否被下载,由于没有做过ios开发,需要对ios的环境稍微配置一下


1、安装cocoapods

sudo gem install -n /usr/local/bin cocoapods
复制代码


gem安装如果慢的话,可以更改下载源,使用命令gem sources -l查看当前gem的下载源,默认源是https://rubygems.org/,我们先将这个下载源移除gem sources --remove https://rubygems.org/,跟换一个淘宝的源镜像地址gem sources -a https://ruby.taobao.org/


2、pod install

cd到ios项目的根目录,使用pod install来安装依赖库,如果是第一次使用的话,pod会去github下载Specs,如果没科学上网的话,下载会非常的缓慢,有时候,即使科学上网,下载到100%,最后也会报ssl错误,我的解决办法是,代理git方案,我的代理工具是socks,socks应用程序默认的端口是1080,大家可以自己查阅是多少,使用命令


#这条命令代理了git下载远程库的时候,全部走socks代理,即为全局
git config --global http.proxy socks5://127.0.0.1:1080
#自动代理模式,国内的默认,github的走代理
git config --global http.https://github.com.proxy socks5://127.0.0.1:1080
#移除代理
git config --global --unset http.https://github.com.proxy
复制代码


下载速度非常快,pod install安装完成后,可以看到Pods文件夹下面下载的库,xcode打开项目,使用命令command+B命令重新编译运行,ok,可以运行

目录
相关文章
|
1月前
|
Dart 前端开发 Android开发
【Flutter前端技术开发专栏】Flutter与原生代码的集成与交互
【4月更文挑战第30天】本文探讨了如何在Flutter中集成和交互原生代码,以利用特定平台的API和库。当需要访问如蓝牙、特定支付SDK或复杂动画时,集成原生代码能提升效率和性能。集成方法包括:使用Platform Channel进行通信,借助现有Flutter插件,以及Android和iOS的Embedding。文中通过一个电池信息获取的例子展示了如何使用`MethodChannel`在Dart和原生代码间传递调用。这些技术使开发者能充分利用原生功能,加速开发进程。
【Flutter前端技术开发专栏】Flutter与原生代码的集成与交互
|
1月前
|
Dart IDE API
Flutter Riverpod 状态管理上手技巧分享
时代在进步 Riverpod 作为一个优秀的状态管理,猫哥也开始做些技术调研。今天会写两个例子,计数器、拉取数据。
Flutter Riverpod 状态管理上手技巧分享
|
1月前
Flutter笔记:使用Flutter构建响应式PC客户端/Web页面-案例
Flutter笔记:使用Flutter构建响应式PC客户端/Web页面-案例
92 0
|
8月前
|
存储 Dart 前端开发
原来Flutter代码是这样运行在原生系统的!快来了解Flutter标准模板,感受原生系统中Flutter的魅力!
原来Flutter代码是这样运行在原生系统的!快来了解Flutter标准模板,感受原生系统中Flutter的魅力!
62 0
|
Dart Linux 开发工具
使用Flutter构建桌面应用:一次开发,多平台支持
随着移动和桌面应用程序的需求不断增长,开发人员需要寻找一种高效的方法来构建多平台的应用程序。Flutter作为一个跨平台的UI框架,提供了一次编写、多平台运行的解决方案。在本文中,我们将探讨如何使用Flutter来构建桌面应用程序,并展示其多平台支持的优势。
1669 0
|
Rust JavaScript 前端开发
Wasm 原生时代已经来到
WebAssembly 作为一种新兴的网页虚拟机标准,它的设计目标包括:高可移植性、高安全性、高效率。
Wasm 原生时代已经来到
weex-安装weex-toolkit一直失败的问题
weex-安装weex-toolkit一直失败的问题
224 0
|
Dart 开发工具 Android开发
Flutter环境搭建、运行gallary项目
Flutter环境搭建、运行gallary项目
|
移动开发 前端开发 rax
weex开发android应用
weex使用简要介绍
446 0
weex开发android应用
|
小程序 JavaScript 开发者
【mpvue】如何升级mpvue版本
1、查看当前mpvue版本 打开小程序项目,在package.json文件中可以看到mpvue当前的版本,可以看出我当前mpvue的版本是"^2.0.0",意思是安装mpvue时,2.X.X的最新版本。
160 0