Problem serving index.html from Express server, but not when I run client separately

Question

I have an app that is made using ReactJS and ExpressJS. The Express server is responsible for getting data, and ReactJS for displaying it. When I run them separately, meaning, I go into the root folder and start the server, and then go into client and start the React app, everything works fine, but when I try to serve the static index.html file I get an error.

Uncaught TypeError: Cannot read properties of undefined (reading 'regular')

This is how I'm serving the static file:

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

Dylan L. · Accepted Answer · 2022-03-28 00:01:42Z

1

If your file structure is:

|root
   |client
      |build
   -server.js

then you need to specify the path as __dirname, "client", "build", "index.html" and use join instead of resolve.

edited Mar 28, 2022 at 0:01

answered Mar 27, 2022 at 23:52

Dylan L.

1,3213 gold badges21 silver badges42 bronze badges

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

4 Comments

Dženis H. Over a year ago

I already did that, same thing happened.

Dylan L. Over a year ago

try join instead of resolve

Dženis H. Over a year ago

Thank you so much. It solved my problem. Can you please explain why one worked and other didn't? Thanks.

Dylan L. Over a year ago

resolve treats the first argument as the root of your directory. join just concatenates the arguments, then creates a string from them. stackoverflow.com/questions/35048686/…

Collectives™ on Stack Overflow

Problem serving index.html from Express server, but not when I run client separately

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related