Hi, I was trying to export my Drum Machine project https://codepen.io/NicoCastel/pen/vYdexwr?editors=0010 with the idea to create a Repo on GitHub. To make this, I use
create-react-app and all the things that come with it, because it seems pretty easier instead of make it from scratch (I’m not able in a reasonable time yet).
I was testing the app, and I noticed that, on the CodePen app, the volume works ad intended, but on the LocalHost, it doesn’t work. Any idea?
I can’t give you the Local files, but I have done something with
export, and the app renders normal, except for that.
Why can’t you share the GitHub repo?
Without being able to test the code we will be hard-pressed to know exactly what is wrong.
Ok, done, here is the link
after this little experience, I think it’s time to learn seriously how Git and GitHub work
Open the browser console and look at the errors. There are 3 of them but the last is the one about the volume.
Uncaught TypeError: document.getElementsByClassName(...).forEach is not a function
getElementsByClassName returns an HTMLCollection which doesn’t have
forEach on it. I would suggest you use
querySelectorAll or you can turn the HTMLCollection into an array (you can use
Array.from() or spread syntax).
Not 100% sure why it works on Codepen but I’m guessing the transpile done by Babel might have something to do with it.
BTW, keep the
.gitignore that comes with create-react-app so the node_modules are ignored.
Thanks for the help!
I think also that Babel could be the reason of that.