前端开发库项目 - 构建一台鼓式机器

Chinese 中文 JavaScript
1

告诉我们发生了什么：
我按照视频教程Build a Drum Machine编码到30分钟左右的时候，突然之间按钮都不显示了，我找不到问题出在哪里。
请帮帮我。

你目前的代码

你的浏览器信息：

用户代理是： Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

挑战： 前端开发库项目 - 构建一台鼓式机器

挑战的链接：

2

打开屏幕左下角的Console，你会看到这行错误信息：

ReferenceError: changeSoundsGroup is not defined 
 at https://cdpn.io/cpe/boomboom/pen.js?key=pen.js-b4810b4a-b688-22fe-63c7-b3387cf5ef81:180

这是告诉你，在180行上引用的changeSoundsGroup找不到。原因是167行的变量名拼写有误，漏了一个u。

修正这个bug后，又会看到一条新的error。这次的原因是143行的参数是空的，加入正确的prop就行了：

const DumControle = ({changeSoundsGroup}) => (
1 Like
3

哇，太感谢了 :dizzy: :dizzy: :dizzy:修改后确实有效 :+1: :+1: :+1:
但是我打开console看到的是这样，没有错误信息 :smiling_face_with_tear:
怎么才能看到错误信息呢？

ReferenceError: changeSoundsGroup is not defined 
 at https://cdpn.io/cpe/boomboom/pen.js?key=pen.js-b4810b4a-b688-22fe-63c7-b3387cf5ef81:180

image
image1020×467 13.5 KB

4

这……不清楚。试试在incognito/private窗口中打开codepen？