自我总结react-native的常见命令及自己所见错误

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

  这两个错误都是指你的项目未与react-native的服务器链接上

  1、 一种在夜神模拟器上调试的方法:

    解决方法有两种,一种重新运行你的项目,在cmd里在你项目的路径下输入命令react-native run-android;另一种是新开一个cmd还是在当前项目路径下使用命令 react-native start或者npm start,开启react-native服务器,再reload刷新一下即可,最后结果就如下图所示啦,成功可以重新实时刷新修改项目的页面内容啦~用哪种方式看个人喜好咯



2、一种真机上调试的方法:

啰嗦一下

真机调试的方法是 

第一步:打开手机的开发者模式,当然每个机型的打开开发者的方式不同,具体度娘一下就知道啦~

第二步:手机用数据线和电脑链接上,还是老规据,在cmd里输入adb devices,如显示图下所示的样式,即表示真机已连接上啦~

注:如果你中途离开,拔掉了你的手机,也不用担心得重新react-native run-android,又得百无聊赖的等好久,你可以使用命令在cmd里是使用命令adb reverse tcp:8081 tcp:8081,即可重新链接上重新实时刷新调试

如果在真机上也遇见上面类似的问题,也可以使用上面的老套路:

重新运行你的项目,在cmd里在你项目的路径下输入命令react-native run-android;或者是新开一个cmd还是在当前项目路径下使用命令 react-native start或者npm start,开启react-native服务器

二、如果你也出现了像下图中的500错误,那你就得好好检查你的语法或者别的。  

如果你添加图片的话,你得好好检查一下你的文件路径有没有出错,样式格式有没有写错;

如果你项目入口路径,注意看下你的书写格式有没有错误,得一一对应,如下图所示:

注: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文件无法删除导致的,

解决办法:

进入项目文件夹下手动删除android\app\build文件夹内的所有文件后再次运行,这是由于插件重新加载会需要删除build里的东西,但是好像不知道为什么老是会删除失败,就需要我们手动删除啦~,一般用windows环境会出现的问题,不一定是全部~

四、有些时候觉得自己的node_modules有问题

你可以在项目里打开cmd,使用命令rm -fr node_modules/,就可以删除npm环境

你可以在项目里打开cmd,使用命令npm i,可以安装npm环境

这样你就可以有全新的npm环境啦~

五、最近在用node.js里的websocket,它的简单小栗子~

首先你得在你新建一个空项目:

安装node的websocket,命令是如下两个,同样在cmd里运行,同样是在项目文件下

npm i express -S

npm i ws -S

服务端代码:


客户端:

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <script>

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

        var sendMessage = "";

        // onopen是客户端与服务端建立连接后触发

        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是当服务端给客户端发来消息的时候触发

        ws.onmessage = function (res) {

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

            // 真正的消息数据是 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,不知道怎么引用代码,只能呈现效果这样啦~

使用方法:

在这个项目的路径使用cmd命令node sever.js,这里的server.js是服务器代码的名字

在用两个不同的浏览器开启客户端的html文件,你就可以试试有意思的效果啦~,这个也可用不同的两个电脑去运行客户端,

不过得改一下这里的ip地址,在局域网内能访问到~

六、一般调试方法

1、像我比较习惯用alert输出,看方法有没有运行到这里

2、页面改变样式调试的话,一般习惯用backgroundColor来查看布局位置,接着用相应的属性去控制

3、比较高大上的调试方法没怎么用过,就不说啦,不然会误人子弟的~~~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342