自我總結(jié)react-native的常見命令及自己所見錯誤

一臭埋、Application has not been registered和Could not connect to development sever

? 這兩個錯誤都是指你的項目未與react-native的服務(wù)器鏈接上

? 1、 一種在夜神模擬器上調(diào)試的方法:

? ? 解決方法有兩種发笔,一種重新運(yùn)行你的項目,在cmd里在你項目的路徑下輸入命令react-native run-android杆兵;另一種是新開一個cmd還是在當(dāng)前項目路徑下使用命令 react-native start或者npm start琅攘,開啟react-native服務(wù)器玩般,再reload刷新一下即可,最后結(jié)果就如下圖所示啦屿岂,成功可以重新實時刷新修改項目的頁面內(nèi)容啦~用哪種方式看個人喜好咯



2践宴、一種真機(jī)上調(diào)試的方法:

啰嗦一下

真機(jī)調(diào)試的方法是?

第一步:打開手機(jī)的開發(fā)者模式,當(dāng)然每個機(jī)型的打開開發(fā)者的方式不同爷怀,具體度娘一下就知道啦~

第二步:手機(jī)用數(shù)據(jù)線和電腦鏈接上阻肩,還是老規(guī)據(jù),在cmd里輸入adb devices,如顯示圖下所示的樣式烤惊,即表示真機(jī)已連接上啦~

注:如果你中途離開乔煞,拔掉了你的手機(jī),也不用擔(dān)心得重新react-native run-android柒室,又得百無聊賴的等好久渡贾,你可以使用命令在cmd里是使用命令adb reverse tcp:8081 tcp:8081,即可重新鏈接上重新實時刷新調(diào)試

如果在真機(jī)上也遇見上面類似的問題雄右,也可以使用上面的老套路:

重新運(yùn)行你的項目空骚,在cmd里在你項目的路徑下輸入命令react-native run-android;或者是新開一個cmd還是在當(dāng)前項目路徑下使用命令 react-native start或者npm start擂仍,開啟react-native服務(wù)器

二囤屹、如果你也出現(xiàn)了像下圖中的500錯誤,那你就得好好檢查你的語法或者別的逢渔。??

如果你添加圖片的話肋坚,你得好好檢查一下你的文件路徑有沒有出錯,樣式格式有沒有寫錯复局;

如果你項目入口路徑冲簿,注意看下你的書寫格式有沒有錯誤,得一一對應(yīng)亿昏,如下圖所示:

注:500錯誤一般要看node.js里的圖文界面峦剔,看報錯具體在哪一行~

三、app:processDebugResources'.

報錯信息為:

Error:Execution failed for task ':app:processDebugResources'.

> java.io.IOException: Could not delete path 'XXXXXX\XXXXX\ProjectName\android\app\build\generated\source\r\debug\android'.

build文件無法刪除導(dǎo)致的角钩,

解決辦法:

進(jìn)入項目文件夾下手動刪除android\app\build文件夾內(nèi)的所有文件后再次運(yùn)行吝沫,這是由于插件重新加載會需要刪除build里的東西,但是好像不知道為什么老是會刪除失敗递礼,就需要我們手動刪除啦~惨险,一般用windows環(huán)境會出現(xiàn)的問題,不一定是全部~

四脊髓、有些時候覺得自己的node_modules有問題

你可以在項目里打開cmd辫愉,使用命令rm -fr node_modules/,就可以刪除npm環(huán)境

你可以在項目里打開cmd将硝,使用命令npm i恭朗,可以安裝npm環(huán)境

這樣你就可以有全新的npm環(huán)境啦~

五、最近在用node.js里的websocket依疼,它的簡單小栗子~

首先你得在你新建一個空項目:

安裝node的websocket痰腮,命令是如下兩個,同樣在cmd里運(yùn)行律罢,同樣是在項目文件下

npm i express -S

npm i ws -S

服務(wù)端代碼:


客戶端:

<!DOCTYPE html>

<html>

<head>

? ? <meta charset="utf-8" />

? ? <script>

? ? ? ? ?let ws=new WebSocket('ws://localhost:9999');

? ? ? ? var sendMessage = "";

? ? ? ? // onopen是客戶端與服務(wù)端建立連接后觸發(fā)

? ? ? ? var video = document.getElementById("videoSource");

? ? ? ? var startV = document.getElementById("startV");

? ? ? ? var pauseV = document.getElementById("pauseV");

? ? ? ? var endV = document.getElementById("endV");

? ? ? ? ws.onopen = function () {

? ? ? ? ? ? //ws.send('哎呦膀值,不錯哦');

? ? ? ? ? ? // ws.send("video");

? ? ? ? };

? ? ? ? // onmessage是當(dāng)服務(wù)端給客戶端發(fā)來消息的時候觸發(fā)

? ? ? ? ws.onmessage = function (res) {

? ? ? ? ? ? console.log(res); // 打印的是MessageEvent對象

? ? ? ? ? ? // 真正的消息數(shù)據(jù)是 res.data

? ? ? ? ? ? console.log(res.data);

? ? ? ? ? ? // setMessageInnerHTML(res.data);

? ? ? ? ? ? // videoPlay();

? ? ? ? ? ? if (res.data == "video") {

? ? ? ? ? ? ? ? document.getElementById("videoSource").play();

? ? ? ? ? ? }

? ? ? ? ? ? if (res.data == "pause") {

? ? ? ? ? ? ? ? document.getElementById("videoSource").pause();

? ? ? ? ? ? }

? ? ? ? ? ? if (res.date == "end") {

? ? ? ? ? ? ? ? document.getElementById("videoSource").pause();

? ? ? ? ? ? ? ? document.getElementById("videoSource").currentTime = 0;

? ? ? ? ? ? }

? ? ? ? };

? ? ? ? function setMessageInnerHTML(innerHTML) {

? ? ? ? ? ? document.getElementById('message').innerHTML += innerHTML + '<br/>';

? ? ? ? ? ? sendMessage = innerHTML;

? ? ? ? }

? ? ? ? function videoPlay() {

? ? ? ? ? ? document.getElementById("videoSource").play();

? ? ? ? ? ? // ws.send("video");

? ? ? ? }

? ? ? ? function videoPause() {

? ? ? ? ? ? document.getElementById("videoSource").pause();

? ? ? ? ? ? // ws.send("pause");

? ? ? ? }

? ? ? ? function videoEnd() {

? ? ? ? ? ? document.getElementById("videoSource").pause();

? ? ? ? ? ? document.getElementById("videoSource").currentTime = 0;

? ? ? ? ? ? // ws.send("end");

? ? ? ? }

? ? ? ? // window.onload = function () {

? ? ? ? //? ? var i = 0

? ? ? ? //? ? //開始播放視頻

? ? ? ? //? ? startV.onclick = function () {

? ? ? ? //? ? ? ? video.play();

? ? ? ? //? ? ? ? ws.send("video");

? ? ? ? //? ? ? ? if (sendMessage == "video") {

? ? ? ? //? ? ? ? ? ? video.play();

? ? ? ? //? ? ? ? ? ? alert("video")

? ? ? ? //? ? ? ? }

? ? ? ? //? ? ? ? console.log(sendMessage);

? ? ? ? //? ? }

? ? ? ? //? ? //暫停視頻播放

? ? ? ? //? ? pauseV.onclick = function () {

? ? ? ? //? ? ? ? video.pause();

? ? ? ? //? ? }

? ? ? ? //? ? endV.onclick = function () {

? ? ? ? //? ? ? ? video.pause();

? ? ? ? //? ? ? ? video.currentTime = 0;

? ? ? ? //? ? }

? ? ? ? // }

? ? </script>

</head>

<body>

? ? <h1>客戶端</h1>

? ? <p id="message"></p>

? ? <video id="videoSource" style="width: 450px;height: 400px;" muted="muted">

? ? ? ? <source src="./movie/m1.mp4" type="video/mp4">

? ? </video>

? ? <!-- <video src="./movie/m1.mp4" autoplay="autoplay" style="width: 450px;height: 400px;"></video> -->

? ? <!-- <button id="startV" onclick="videoPlay()">開始</button> -->

? ? <!-- <button id="pauseV" onclick="videoPause()">暫停</button> -->

? ? <!-- <button id="endV" onclick="videoEnd">停止</button> -->

</body>

</html>


效果如上~emmm,不知道怎么引用代碼,只能呈現(xiàn)效果這樣啦~

使用方法:

在這個項目的路徑使用cmd命令node sever.js沧踏,這里的server.js是服務(wù)器代碼的名字

在用兩個不同的瀏覽器開啟客戶端的html文件歌逢,你就可以試試有意思的效果啦~,這個也可用不同的兩個電腦去運(yùn)行客戶端悦冀,

不過得改一下這里的ip地址趋翻,在局域網(wǎng)內(nèi)能訪問到~

六、一般調(diào)試方法

1盒蟆、像我比較習(xí)慣用alert輸出踏烙,看方法有沒有運(yùn)行到這里

2、頁面改變樣式調(diào)試的話历等,一般習(xí)慣用backgroundColor來查看布局位置讨惩,接著用相應(yīng)的屬性去控制

3、比較高大上的調(diào)試方法沒怎么用過寒屯,就不說啦荐捻,不然會誤人子弟的~~~

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市寡夹,隨后出現(xiàn)的幾起案子处面,更是在濱河造成了極大的恐慌,老刑警劉巖菩掏,帶你破解...
    沈念sama閱讀 216,496評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件魂角,死亡現(xiàn)場離奇詭異,居然都是意外死亡智绸,警方通過查閱死者的電腦和手機(jī)野揪,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來瞧栗,“玉大人斯稳,你說我怎么就攤上這事〖?郑” “怎么了挣惰?”我有些...
    開封第一講書人閱讀 162,632評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長殴边。 經(jīng)常有香客問我通熄,道長,這世上最難降的妖魔是什么找都? 我笑而不...
    開封第一講書人閱讀 58,180評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮廊酣,結(jié)果婚禮上能耻,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好晓猛,可當(dāng)我...
    茶點故事閱讀 67,198評論 6 388
  • 文/花漫 我一把揭開白布饿幅。 她就那樣靜靜地躺著,像睡著了一般戒职。 火紅的嫁衣襯著肌膚如雪栗恩。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,165評論 1 299
  • 那天洪燥,我揣著相機(jī)與錄音磕秤,去河邊找鬼。 笑死捧韵,一個胖子當(dāng)著我的面吹牛市咆,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播再来,決...
    沈念sama閱讀 40,052評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼蒙兰,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了芒篷?” 一聲冷哼從身側(cè)響起搜变,我...
    開封第一講書人閱讀 38,910評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎针炉,沒想到半個月后挠他,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,324評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡糊识,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,542評論 2 332
  • 正文 我和宋清朗相戀三年绩社,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片赂苗。...
    茶點故事閱讀 39,711評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡愉耙,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出拌滋,到底是詐尸還是另有隱情朴沿,我是刑警寧澤,帶...
    沈念sama閱讀 35,424評論 5 343
  • 正文 年R本政府宣布败砂,位于F島的核電站赌渣,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏昌犹。R本人自食惡果不足惜坚芜,卻給世界環(huán)境...
    茶點故事閱讀 41,017評論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望斜姥。 院中可真熱鬧鸿竖,春花似錦沧竟、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至闪水,卻和暖如春糕非,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背球榆。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評論 1 269
  • 我被黑心中介騙來泰國打工朽肥, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人芜果。 一個月前我還...
    沈念sama閱讀 47,722評論 2 368
  • 正文 我出身青樓鞠呈,卻偏偏與公主長得像,于是被迫代替她去往敵國和親右钾。 傳聞我的和親對象是個殘疾皇子蚁吝,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,611評論 2 353