How to import CSS and JS files in Node.js without using view engines?

Question

I recently started learning node.js and now I'm stuck. am now building a basic authentication webpage including Login and Register. The res.sendfile method is not importing CSS files. I did not opt for view engines as I find it a bit difficult and messy. Is there any way to import CSS files here? Here is my code. Excuse me if I've kept it too long, as it is my first time asking a question here.

This is my login GET route where I've used res.sendFile.

login.get("/",(req,res)=>{
  res.sendFile(path.join(__dirname, '/auth', 'login.html'));
})

add your css and js files directly to html file.

ash
– ash

2020-10-21 04:55:47 +00:00
Commented Oct 21, 2020 at 4:55 — ash
– ash, Commented Oct 21, 2020 at 4:55

Dennis Hadzialic · Accepted Answer · 2020-10-21 10:30:38Z

1

The problem I think is that it is not serving the files in the desired directory. Try adding this in the line above so it looks like this:

app.use(express.static("client/build"));

app.get("/",(req,res)=>{
  res.sendFile(path.join(__dirname, 'client/build', 'index.html'));
})

I guess login and in the example I've provided above I chaged it to something more standard as app is the variable you've called express after init it. Send the whole nodeJS server-file otherwise.

Don't hesitate to ask if you have any questions!

answered Oct 21, 2020 at 10:30

Dennis Hadzialic

112 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Pratap simha Over a year ago

Thank you very much. As a matter of fact, I do have a few other questions. Can I get your email or some other mode of contact, it it isn't a problem for you?

Brad Over a year ago

@Pratapsimha Consider posting your questions on Stack Overflow, so all can benefit from the questions and answers.

Brad Over a year ago

@DennisHadzialic If you're using express.static() in this way, there should be no need for the specific handler for index.html, as that's already included by Express.

Pratap simha Over a year ago

@DennisHadzialic, it didn't work as well. CSS is not at all imported. I tried express.static(path.join(__dirname, "client")), and it worked. But, the same won't work when it's inside a route,i.e, app.get("/")

Dennis Hadzialic Over a year ago

@Pratapsimha Do you have a Github-repository to share so I can take a deeper look?

|

Collectives™ on Stack Overflow

How to import CSS and JS files in Node.js without using view engines?

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related