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

目录
相关文章
|
7月前
|
缓存 监控 前端开发
【Flutter 前端技术开发专栏】Flutter 应用的启动优化策略
【4月更文挑战第30天】本文探讨了Flutter应用启动优化策略,包括理解启动过程、资源加载优化、减少初始化工作、界面布局简化、异步初始化、预加载关键数据、性能监控分析以及案例和未来优化方向。通过这些方法,可以缩短启动时间,提升用户体验。使用Flutter DevTools等工具可助于识别和解决性能瓶颈,实现持续优化。
280 0
【Flutter 前端技术开发专栏】Flutter 应用的启动优化策略
|
2月前
|
IDE 调度 开发工具
鸿蒙Flutter实战:08-如何调试代码
本文介绍了鸿蒙Flutter项目的开发环境搭建、配置、日志查看及调试方法。首先按照指南搭建开发环境,安装IDE插件;接着配置vscode的launch.json文件;通过IDE调试控制台或命令行查看日志;提供两种调试Flutter的方式,包括IDE直接运行和使用DevEco;最后介绍ArkTs和Webview的调试方法。
57 0
|
7月前
|
Web App开发 Rust 前端开发
【一起学Rust | 框架篇 | Tauri2.0框架】Tauri App开启远程调试功能
【一起学Rust | 框架篇 | Tauri2.0框架】Tauri App开启远程调试功能
569 0
|
7月前
|
移动开发 前端开发 JavaScript
探究移动端混合开发技术:React Native、Weex、Flutter的比较与选择
移动端混合开发技术在移动应用开发领域日益流行,为开发者提供了更高效的跨平台开发方案。本文将比较三种主流混合开发技术:React Native、Weex和Flutter,从性能、生态系统和开发体验等方面进行评估,以帮助开发者在选择适合自己项目的技术时做出明智的决策。
417 2
|
7月前
|
移动开发 Dart 前端开发
移动端混合开发技术:React Native、Weex、Flutter的比较与选择
移动应用的开发已经成为现代社会中的重要一环。本文将比较并评估三种主流的移动端混合开发技术:React Native、Weex和Flutter。通过对它们的特点、优势和劣势的分析,帮助开发者在选择适合自己项目的技术方案时做出明智的决策。
|
7月前
|
移动开发 开发框架 前端开发
移动端混合开发技术探析:React Native、Weex、Flutter的比较与选择
随着移动应用开发的高速发展,混合开发技术成为了一种备受关注的选择。本文将对移动端混合开发技术中的React Native、Weex和Flutter进行比较与探讨,分析它们在性能、开发体验、生态系统和跨平台支持等方面的差异,以及如何根据项目需求进行选择。
219 1
|
存储 Dart 前端开发
原来Flutter代码是这样运行在原生系统的!快来了解Flutter标准模板,感受原生系统中Flutter的魅力!
原来Flutter代码是这样运行在原生系统的!快来了解Flutter标准模板,感受原生系统中Flutter的魅力!
89 0
weex-安装weex-toolkit一直失败的问题
weex-安装weex-toolkit一直失败的问题
281 0
|
前端开发 开发工具 Android开发
使用expo在安卓模拟器中运行React Native程序
看完这篇教程你会学到如何在安卓模拟器里运行一个React Native程序。 我的电脑及软件环境 系统: windows10 64 Node:8.5.0 然后安装下面的工具,不分先后。
2818 0
|
移动开发 前端开发 rax
weex开发android应用
weex使用简要介绍
497 0
weex开发android应用