問(wèn)題1:
- 從github上下載項(xiàng)目下來(lái)琼讽,并使用命令
npm install
運(yùn)行后,開始使用,出現(xiàn)如下圖所示問(wèn)題:
圖中說(shuō)出現(xiàn)的問(wèn)題是因?yàn)锳ndroid SDK路徑不正確玻佩。
解決方案:
- 直接使用Android Studio打開Weex項(xiàng)目的android源碼部分,就會(huì)出現(xiàn)提示框席楚,Android SDK路徑不正確咬崔,點(diǎn)擊確定即可,AS會(huì)自動(dòng)使用本電腦已安裝的Android SDK路徑烦秩,至此垮斯,問(wèn)題解決。
問(wèn)題2:
如圖所示只祠,報(bào)出很多錯(cuò)誤兜蠕,主要原因是因?yàn)槭褂昧苏Z(yǔ)法檢查eslint,這個(gè)主要是用來(lái)規(guī)范代碼抛寝,而且很嚴(yán)格熊杨,哪怕是多一個(gè)空格都會(huì)報(bào)錯(cuò)。
解決方案:
- 只需要在configs/webpack.common.conf.js 文件里面盗舰,將eslint匹配驗(yàn)證刪除即可晶府,如下代碼所示:
const createLintingRule = () => ({
//將下面這些代碼注釋掉即可。
// test: /\.(js|vue)$/,
// loader: 'eslint-loader',
// enforce: 'pre',
// include: [helper.rootNode('src'), helper.rootNode('test')],
// options: {
// formatter: require('eslint-friendly-formatter'),
// emitWarning: !config.dev.showEslintErrorsInOverlay
// }
})
問(wèn)題3:
- 在開發(fā)過(guò)程中钻趋,出現(xiàn)了點(diǎn)擊按鈕川陆,并沒(méi)有顯示Toast的問(wèn)題,原因是將
modal.toast
寫成了toast.modal
爷绘,所有才會(huì)出問(wèn)題书劝,這是因?yàn)闆](méi)有注意Visual Studio Code并沒(méi)有像Android Studio那樣會(huì)報(bào)錯(cuò),所以大意了土至。
問(wèn)題4:
- 在開發(fā)過(guò)程中购对,出現(xiàn)了圖片沒(méi)有正確顯示的問(wèn)題,主要原因是把
src
寫成了scr
陶因,所以才會(huì)報(bào)錯(cuò)骡苞。
問(wèn)題5:
Custom elements in iteration require 'v-bind:key' directives
問(wèn)題6:
- 設(shè)置圖片無(wú)法顯示,問(wèn)題4是出現(xiàn)把“src”寫成“scr”,這次是把“width”寫成“widows”解幽,解決的思路是:檢查了一遍代碼贴见,發(fā)現(xiàn)沒(méi)有什么問(wèn)題,但是通過(guò)調(diào)試躲株,在谷歌瀏覽器按下
F12
片部,然后點(diǎn)擊左上角有個(gè)鼠標(biāo)的符號(hào),再選擇到圖片代碼的位置霜定,懸浮的代碼顯示0 x 35 档悠,意思是說(shuō)圖片寬是0px,高是35px望浩,很顯然辖所,<style scoped>里面的設(shè)置寬的屬性不對(duì),查看磨德,才發(fā)現(xiàn)缘回,把“width”寫成了“widows”。
問(wèn)題7:
- 在VSCode中使用“npm start” 顯示“command not found”典挑,顯然這是提示npm的命令不成功酥宴。而且連“npm -v”和“node -v”都顯示沒(méi)有這樣的命令。
解決方案:個(gè)人懷疑是nodejs出了問(wèn)題搔弄,卸載重裝還是不行幅虑。https://blog.csdn.net/li396864285/article/details/52572163
問(wèn)題8:
- 使用mac打開weex項(xiàng)目丰滑,出現(xiàn)如下問(wèn)題顾犹,顯示網(wǎng)絡(luò)代理配置問(wèn)題。
解決方案:清理代理未成功褒墨,只要找到該文件炫刷,刪除掉即可。
問(wèn)題9:
- 使用mac打開weex項(xiàng)目郁妈,使用“npm run android ” 時(shí)顯示如同所示的問(wèn)題浑玛。
https://blog.csdn.net/weixin_38327562/article/details/71057276
https://blog.csdn.net/zhalcie2011/article/details/78182696
問(wèn)題10:
Error:Failed to open zip file.
Gradle's dependency cache may be corrupt (this sometimes occurs after a network connection timeout.)
Re-download dependencies and sync project (requires network)
Re-download dependencies and sync project (requires network)
- 因?yàn)閣eek官方demo使用的gradle是
gradle-2.14.1-all.zip
,所以噩咪,如果Android Studio里面沒(méi)有的話顾彰,就會(huì)出現(xiàn)以上的報(bào)錯(cuò)。
解決方案:
- 第一種:可以自己到網(wǎng)上下載胃碾,然后再導(dǎo)入涨享,直接只用下面的鏈接在瀏覽器快速下載:
services.gradle.org/distributions/gradle-2.14.1-all.zip
- 第二種(推薦):只需在gradle-wrapper.properties里修改gradle的版本即可,只需將網(wǎng)址里面的
https
更改為http
即可仆百。
問(wèn)題11:
- 如圖所示厕隧,這是在瀏覽器上運(yùn)行顯示的結(jié)果,但是使用Android真機(jī)時(shí),會(huì)發(fā)現(xiàn)吁讨,返回圖標(biāo)所處位置是在下方髓迎,并沒(méi)有在正確的位置。這是因?yàn)槭褂昧?code>position: absolute;時(shí)建丧,因?yàn)闆](méi)有設(shè)置
top
和left
導(dǎo)致的排龄。
.toolbar-leftimage-warpper {
position: absolute;
left: 0px;
top: 0px;
justify-content: center;
height: 100px;
}
問(wèn)題12:
Environment variable $ANDROID_HOME not found !
解決方案:
https://blog.csdn.net/k491022087/article/details/72934862
問(wèn)題13:
Error: Error: Command failed: ./gradlew assembleDebug
/bin/sh: ./gradlew: Permission denied
問(wèn)題14:
npm WARN invalid config https-proxy=""
npm WARN invalid config Must be a full url with 'http://'
問(wèn)題15:
[Gradle sync failed: Cause: error=2, No such file or directory](https://stackoverflow.com/questions/47018879/gradle-sync-failed-cause-error-2-no-such-file-or-directory)
wenti16:
This is not a bug in npm.
Tell the package author to fix their package.json file. JSON.parse
https://stackoverflow.com/questions/31454607/npm-failed-to-parse-json