摘要:什么是關于什么是引用官網解釋是一個使用開發體驗來開發高性能原生應用的框架。此處不做過多贅述,本文主要致力于創建第一個應用及其中采坑處理。
什么是weex
關于什么是weex,引用官網解釋"Weex 是一個使用 Web 開發體驗來開發高性能原生應用的框架"。此處不做過多贅述,本文主要致力于創建第一個weex應用及其中采坑處理。關于weex介紹,請參考官網:http://weex-project.io/cn/。
如何創建weex1.請確保已經安裝了node.js,執行全局安裝命令:
npm install weex-toolkit -g
若安裝緩慢,可采用淘寶鏡像 --registry https://registry.npm.taobao.org
npm install weex-toolkit -g --registry https://registry.npm.taobao.org
2.執行完畢后,可在當前目錄創建空的模板項目,執行命令:
weex create first-app
3.創建完畢后,進入first-app目錄,安裝依賴,并啟動項目
cd first-app npm install npm start
4.此時可以在瀏覽器中訪問:http://localhost:8081查看效果。
此時沒有遇到什么坑,項目也正常訪問,下面重點介紹下android下運行weex遇到的坑
1.上述操作并未添加android和iOS項目,執行如下代碼:
weex platform add android
此處只介紹android環境下采坑,故只添加android,等待下載完成
2.配置android開發環境,此處推薦android studio,可以通過以下鏈接下載
http://www.android-studio.org...
3.下載完成后配置android環境變量
添加ANDROID_HOME ,路徑指向androidsdk目錄
配置path,在path中追加 ;%ANDROID_HOME%platform-tools;%ANDROID_HOME%tools;如圖
重新打開命令行,指定adb,出現如圖則代表配置成功
4.重新定位到當前工程目錄,執行
weex run android
若出現如下錯誤,請連接手機,打開開發者模式并開啟usb調試
出現如下錯誤
則需要用androidstudio打開platform下的android
在message中出現如下錯誤提示
解決方案:
在工程下的build.gradle添加 google(),如圖
try again后出現
說是需要升級gradle,點擊第一個鏈接進行升級,升級過程可能有些慢,等待即可。
此時又出現了另外一個錯誤
原因是gradle 升級到3.0之后將outputFile變為只讀屬性,故不能用這種方式重命名,點擊open file,修改如下代碼:
variant.outputs.each { output -> def outputFile = output.outputFile if (outputFile != null && outputFile.name.equals("app-debug.apk")) { def fileName = outputFile.name.replace("app-debug.apk", "weex-app.apk") output.outputFile = new File(outputFile.parent, fileName) } }
為
variant.outputs.all { output -> def outputFile = output.outputFile if (outputFile != null && outputFile.name.equals("app-debug.apk")) { def fileName = outputFile.name.replace("app-debug.apk", "weex-app.apk") outputFileName = fileName //output.outputFile = new File(outputFile.parent, fileName) } }
將each變為all,注釋output,outputFile ,添加 outputFileName = fileName ,指定try again
若仍出現錯誤,如下:
則需更新build Tools ,此時直接點擊鏈接即可,第二個錯誤則說明 compile即將被啟用,需要替換為implemention 與api,此處替換為implemention可解決問題(api不行,原因目前未探究),文件如app下的build.gradle,如圖
try again后無錯誤提示. 此時,錯誤解決完畢
重新回到命令行,并定位到當前項目目錄執行weex run android,出現如下錯誤
此時在build.gradle中添加如下命令
javaCompileOptions { annotationProcessorOptions { includeCompileClasspath = true } }
執行sync now,無報錯
重新運行 weex run android
運行成功
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/95347.html
摘要:問題,你可以在中文討論板塊提交問題,地址。文字展現必須使用標簽關于端的點透事件需要在上層視圖上加上,如果上層視圖有事件,多加一個中間層,把加在空事件視圖上關于事件注意僅支持和,暫不支持。事件會在頁面就要關閉時被觸發。 好吧,我知道你來看這個文章,一定是遇到坑了,所以,把這幾個放在最開始吧 現在,如果你的團隊的技術棧是react,請嘗試這個吧,跟react很像,如果你的團隊一直使用rea...
閱讀 4912·2023-04-25 18:47
閱讀 2672·2021-11-19 11:33
閱讀 3445·2021-11-11 16:54
閱讀 3100·2021-10-26 09:50
閱讀 2540·2021-10-14 09:43
閱讀 665·2021-09-03 10:47
閱讀 670·2019-08-30 15:54
閱讀 1497·2019-08-30 15:44