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,可以运行

目录
相关文章
|
移动开发 JavaScript 前端开发
|
7月前
|
移动开发 前端开发 JavaScript
探究移动端混合开发技术:React Native、Weex、Flutter的比较与选择
移动端混合开发技术在移动应用开发领域日益流行,为开发者提供了更高效的跨平台开发方案。本文将比较三种主流混合开发技术:React Native、Weex和Flutter,从性能、生态系统和开发体验等方面进行评估,以帮助开发者在选择适合自己项目的技术时做出明智的决策。
426 2
|
7月前
|
移动开发 前端开发 weex
移动端混合开发技术:React Native、Weex、Flutter 之争
在移动应用开发领域,React Native、Weex 和 Flutter 是备受关注的混合开发技术。本文将对它们进行全面比较与评估,以帮助开发者做出明智的选择。我们将从开发生态、性能、跨平台能力和易用性等方面进行比较,为读者提供全面的参考和指导。
|
7月前
|
移动开发 Dart 前端开发
移动端混合开发技术:React Native、Weex、Flutter的比较与选择
移动应用的开发已经成为现代社会中的重要一环。本文将比较并评估三种主流的移动端混合开发技术:React Native、Weex和Flutter。通过对它们的特点、优势和劣势的分析,帮助开发者在选择适合自己项目的技术方案时做出明智的决策。
|
7月前
|
移动开发 开发框架 前端开发
移动端混合开发技术探析:React Native、Weex、Flutter的比较与选择
随着移动应用开发的高速发展,混合开发技术成为了一种备受关注的选择。本文将对移动端混合开发技术中的React Native、Weex和Flutter进行比较与探讨,分析它们在性能、开发体验、生态系统和跨平台支持等方面的差异,以及如何根据项目需求进行选择。
224 1
weex-安装weex-toolkit一直失败的问题
weex-安装weex-toolkit一直失败的问题
287 0
|
前端开发 JavaScript Go
CodeSandbox(基于 React 的在线代码沙盒平台)
Open ReactExplore ExamplesCodeSandbox is an online editor that helps you create web applications, from prototype to deployment.
1214 0
|
移动开发 前端开发 rax
weex开发android应用
weex使用简要介绍
501 0
weex开发android应用
|
存储 移动开发 监控
Flutter Worker —— 闲鱼这样实现“逻辑跨平台”
依托Flutter Engine,用Dart实现的逻辑跨平台工具~
556 0
Flutter Worker —— 闲鱼这样实现“逻辑跨平台”
|
开发工具 Android开发 iOS开发
浅谈跨平台框架 Flutter 的搭建与运行
作者:个推iOS开发工程师 伊泽瑞尔 Flutter是Google推出的跨平台的解决方案,用以帮助开发者在 Android 和 iOS 两个平台开发高质量原生应用的全新移动 UI 框架。 之前我们为大家介绍了《跨平台框架Flutter的优势与结构》,概括了Flutter选择Dart语言的必要性及其自底而上的框架结构,大家可以点击标题链接来回顾前文。
2349 0