如圖所示:將代碼從倉(cāng)庫(kù)中拉下來(lái)在開(kāi)發(fā)者工具中直接啟動(dòng)后報(bào)錯(cuò)
產(chǎn)生原因:uniapp小程序不能直接被微信開(kāi)發(fā)者工具解析編譯,需要先生成unpackage文件夾再進(jìn)行編譯。
解決方案共有兩種(任選其一即可):
方案一:前提是項(xiàng)目代碼中已經(jīng)含有 unpackage 這個(gè)文件夾且mp-weixin文件夾不為空
這個(gè)時(shí)候就直接更換根目錄文件為mp-weixin再次重新打開(kāi)微信開(kāi)發(fā)者工具即可,注意編譯運(yùn)行的是mp-weixin 。如圖
需注意:如若想更改代碼需要在最外層項(xiàng)目代碼中進(jìn)行更改,不要直接在mp-weixin更改,因?yàn)檫@個(gè)unpackage文件夾里面的所有內(nèi)容是由原始文件編譯后生成的。
方案二:使用其他編輯器打開(kāi)項(xiàng)目,然后編譯到微信開(kāi)發(fā)者工具啟動(dòng)項(xiàng)目 (推薦)
這里以webstorm編輯器為例 ,其他編輯器都大差不差的。(我用的是mac版本,但操作方法是一樣的,只要能找到對(duì)應(yīng)的位置操作即可)
第一步:下載Uniapp Support 插件
文件 --設(shè)置--插件:
第二步:添加新配置
第三步:在設(shè)置里面配置所選配置的路徑(這里以微信開(kāi)發(fā)者工具為例)
第四步:運(yùn)行編譯即可自動(dòng)啟動(dòng)小程序
注意:如果這里等了很久還是沒(méi)有自動(dòng)打開(kāi)微信開(kāi)發(fā)者工具,就需要檢查微信開(kāi)發(fā)者工具是否開(kāi)啟服務(wù)端口 在微信工具的設(shè)置->安全中將它打開(kāi)然后再重新編譯即可。
文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-718141.html
建議:推薦使用第二種方法,它的優(yōu)勢(shì)有:第一,可以直接在編輯器中修改頁(yè)面的代碼,不僅不需要以mp-weixin為根目錄啟動(dòng)項(xiàng)目,而且每次代碼更改保存后都可以自動(dòng)重新編譯代碼;第二,一旦unpackage文件里面的內(nèi)容出問(wèn)題,使用第一種方案的話處理起來(lái)就會(huì)很麻煩,而第二種方法可以直接把unpackage刪掉,重新運(yùn)行即可,因?yàn)樗谥匦逻\(yùn)行時(shí)會(huì)生成新的unpackage文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-718141.html
到了這里,關(guān)于啟動(dòng)uniapp小程序報(bào)錯(cuò):Error:app.json:在項(xiàng)目根目錄中未找到app.json的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!