My /cards page is not working. All other pages working properly.

Question

I am working on express basics, I don't know why my cards page is not working. Everything else is working as it should but I can't find why I would be getting the error on that page.

app.js

const express = require('express');
const bodyParser = require('body-parser');
const cookieParser = require('cookie-parser');

const app = express();

app.use(bodyParser.urlencoded({ extended: false}));
app.use(cookieParser());

app.set('view engine', 'pug');

const mainRoutes = require('./routes');
const cardRoutes = require('./routes/cards');

app.use(mainRoutes);
app.use('/cards', cardRoutes);

app.use((req, res, next) => {
  const err = new Error('Not Found');
  err.status = 404;
  next(err);
});

app.use((err, req, res, next) => {
  res.locals.error = err;
  res.status(err.status);
  res.render('error', err);

});
app.listen(3000, () => {
console.log('The application is running on localhost:3000!')
});

cards.js

const express = require('express');
const router = express.Router();

router.get('/', (req, res) => {
  res.render('card', {prompt: "Who is buried in grant's tomb?", colors });
});

module.exports = router;

index.js

const express = require('express');
const router = express.Router();

router.get('/', (req, res) => {
  const name = req.cookies.username
  if (name) {
    res.render('index', {name: name});
  } else {
    res.redirect('/hello');
  }
});


router.get('/hello', (req, res) => {
  const name = req.cookies.username
  if (name) {
    res.redirect('/');
  } else
  res.render('hello');
});

router.post('/hello', (req, res) => {
  res.cookie('username', req.body.username);
  res.redirect('/');
});

router.post('/goodbye', (req, res) => {
  res.clearCookie('username');
  res.redirect('/hello');
});

module.exports = router;

Thanks in advance for any help, J!

Answer 1 · 2017-10-29T06:17:22Z

October 29, 2017 6:17am

I found an error in my card.pug file. So check there.

Specifically, I had the each loop for colors still in there. It could not find the object colors as it was still in the app.js file. I just removed the loop as we no longer needed it and the project came right up.

Answer 2 · 2017-10-31T17:31:16Z

October 31, 2017 5:31pm

I replaced my card.js file with yours and it failed with 'Invalid status code: 0', so not quite the same as your error. But I note that in line 5, you are still referencing 'colors' even though that array is no longer present in app.js, so start by removing this. I did and your file now works with my other ones.

If you still have an error, take Chris Underwood 's advice and review your card.pug file.

Answer 3 · 2017-11-01T16:10:38Z

November 1, 2017 4:10pm

The problem ended up being in what you said Chris Underwood, it was the colors reference that was screwing up the whole thing. I took those two lines out and all the pages work as intended now. Thanks for the suggestions to everyone that tried on this. I was stuck on this problem for a long while, it's nice to be able to solve this one and move on.

Answer 4 · 2017-10-05T23:45:19Z

October 5, 2017 11:45pm

Hey J Biz,

So in your cards.js file if you change the line router.get('/cards', (req, res) to instead say router.get('/', (req, res) it still doesn't work for you?

Because if I have '/cards' it gives me a 404 error, but if I only use '/' it works

Answer 5 · 2018-01-10T16:43:48Z

January 10, 2018 4:43pm

I will never learn any thing from this Chuckley guy again! Very disorganised.

Answer 6 · 2017-10-23T15:09:58Z

October 23, 2017 3:09pm

You probably haven't indent correctly of every line in the PUG file.

Answer 7 · 2017-12-14T06:12:30Z

December 14, 2017 6:12am

At start I also could not get the page /cards. Then in file app.js I imported routes like that: //Import routes const mainRoutes = require('./routes'); const cardRoutes = require('./routes/cards'); app.use(mainRoutes); app.use(cardRoutes);

and in cards.js write my route like that:

router.get('/cards', (req, res) => { res.render('card', { prompt: "Who is buried in Grant's tomb?" }); });

and it works

Answer 8 · 2017-10-18T09:05:05Z

October 18, 2017 9:05am

I have the same problem. I wrote the same code as shown in the video, and this is what I get

RangeError: Invalid status code: 0

Answer 9 · 2021-11-21T19:22:38Z

November 21, 2021 7:22pm

I know this is late but just in case anyone else is having this problem - I struggled for a while to figure out why my /cards page wasn't displaying. It turned out I had accidentally added a random backslash in my card.pug file that was screwing everything up so definitely check that file and make sure there isn't an error somewhere in there.

Answer 10 · 2017-10-03T20:52:45Z

October 3, 2017 8:52pm

It looks like you havn't made a route for cards in the cards file

router.get('/'

Welcome to the Treehouse Community

Looking to learn something new?

jbiscornet

jbiscornet

My /cards page is not working. All other pages working properly.

Steven Parker

Steven Parker

10 Answers

Chris Underwood

Chris Underwood

Neil McPartlin

Neil McPartlin

jbiscornet

jbiscornet

Chris Underwood

Chris Underwood

Nick Edwards

Nick Edwards

jbiscornet

jbiscornet

ac casc

ac casc

Gabbie Metheny

Gabbie Metheny

nguoisechia binnary

nguoisechia binnary

Recep Onalan

Recep Onalan

Amber Diehl

Amber Diehl

Larisa Popescu

Larisa Popescu

Amanda Richardson

Amanda Richardson

glasscheck

glasscheck