Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript Express Basics Parameters, Query Strings, and Modularizing Routes Using Data and Route Parameters

Brian Foley
Brian Foley
8,440 Points

still getting a 404 page

Setting up a parameter route in this tutorial, I'm still getting a 404 and I don't know why. I've followed Andrew's step-by-step in the video, but my eyes can't figure out what I'm doing wrong. Here's a screenshot. Any ideas? Thanks!

screenshot

3 Answers

Tom Geraghty
Tom Geraghty
24,162 Points

Yeah, after this video that is how the code sits. We setup a route for /cards/:id but that overwrote our original route for just /cards.

Since no match to /cards exists anymore, when you try and navigate there the server sends the 404 page.

It might make it easier if, instead of changing the existing route for cards/ in the video, we copied that into a second route above with cards/:id. That way when you are finished with this video you will get a correct route even without providing an ID in the URL.

Tolga Durukan
Tolga Durukan
12,614 Points

Thank you so much, this fixed the problem.

Brian Foley
Brian Foley
8,440 Points

screenshot

Hmmm, so 'cards/1' and 'cards/2' and so on work fine, but '/cards' gets the 404, but maybe it's supposed to be that way and I just misunderstood Andrew. Thanks again for looking at it! :)

Your right Brian, I had an issue with this as well. Earlier in the video Andrew tries to load the /cards/1 url which brings up a 404 error, which we then resolve. I was under the impression also that we were loading the cards page not the individual questions. Which led me to your question - have a feeling were not the only ones :)

Have you restarted your server? What is the route you are typing in? Are you doing /5 where 5 would be the id?

Brian Foley
Brian Foley
8,440 Points

Hi Alexander, I did restart the server, but when I pull up http://localhost:3000/cards like what Andrew does at the end of the video tutorial, I still get a 404 screen. Not sure why.

Hmm. Are you importing your route in the app.js?

const cardsRoute = require('../cards.js'); //example route only as I don't know where yours is
app.use('/cards',cardsRoute);