你妹都看得懂的手机网游制作教程（第21篇）游戏黑屏了，别急我们来调试代码

诶！为什么我跟着教程做，出来的确实一团黑乎乎的画面。



恭喜你！百分之九十九的可能是 你的某行代码可能在你不经意之时时候书写错误了。

所以 你有一个很好的机会来了解。你究竟犯下了什么错误。然后以后不保证不会再出现同样的错误，这样不是很好吗？

你千万不要觉得这样很难，其实我们的浏览器早已经很清楚的你做错了什么事儿，错在哪一个文件中的第几行。

这篇教程我番外篇。我将要来教大家怎么找到代码的错误。

首先你要保证你的浏览器是google的chrome浏览器。他是最适合做开发的浏览器，自带了很多工具。方便调试合测试代码

现在我们来按照如下步骤打开我们的调试界面



然后你就会看到如下画面。

选择最后一项Console

大家可以看到图中4处是你要值得关心的。我现在来解释一下他们分别是什么？ 



1,信息输出窗口，你在这个里面可以看到各种代码中的错误信息。和你在游戏中特意打印出来的信息。

2,你游戏中有几处代码错误。

然后看下面两点，真是太棒了。计算机直接告诉你犯了什么错误，并且这个错误具体精确到了哪一个文件的第几行代码。

是不是有一种考试的时候从闭卷考突然变为开卷考的感觉

3.具体这个错误是什么错（错误信息）

4,错误在哪一个文件里面的第几行

好了如果你英语够好可以看得出来是什么地方错误。如果英语是那么好，一定要勤奋的差字典。

我们就先拿我们当前教程里面遇到的这个错误，来做一个范例讲解吧。帮你看懂错误



首先我们看到左边的红色字，翻译成中文是

“找不到这个类型：不等读取没有定义的‘create’“

哇！一整段的计算机术语，翻译成中文中国人也未必懂。不过没关系。你只要记住这句话。以后碰到这段文字，只要记住都是同一类错误就好了。也就是你会改当前的错误，以后碰到其它同类的错误也会改。

我们先无视它，直接来看看我们具体错在哪里了。

右边有一排小字

app.js:13

这句话你能读的懂就好了。他告诉我们在app.js这个文件里面的第13行有错误。

我们双击这排文字就会到了我们要找的错误地点



这里就很明显看到了，左边代码在第几行的行数，然后我们看具体代码。明显是sprite这个单词拼写的时候大小写出错了。

应该是首字母大写Sprite

但是我们的错误信息是“create”出错这个是为什么呢，原因很简单。就是因为sprite拼写错误。导致系统发现这个错误的sprite，没有create这个调用方法。所以提示create没有被定义你就调用了。