Node Js Serving react js frontend In Production No Such File directory

Question

Why I get No such a file index.html error

My Folder Structure

here is my Code in server.js.

    const PORT = process.env.PORT || 8000
    const express = require('express');
    const path = require('path')
    const http = require('http');
    const cors = require('cors');
    const app = require('./app.js');
    const planetsRouter = require('./routers/planets/planet.router')
    const { loadPlanetsData } = require('./models/planets.model')
    
    const server = http.createServer(app)
    app.use(cors({ origin: 'http://localhost:3000' }))
    app.use(express.json())
    app.use(express.static(path.join(__dirname, '..', 'public')))
    app.get('/', (req, res) => {
        console.log('Res', req)
        res.sendFile(path.join(__dirname, '..', 'public', 'index.html'))
    })
    app.use(planetsRouter)
    async function startServer () {
    
        await loadPlanetsData()
        server.listen(PORT, () => {
            console.log(`Listening on ${PORT}...`)
        })
    }
    
    startServer()

I got this error Error: ENOENT: no such file or directory, stat 'C:\Users\kullanıcı\Desktop\Node Js\24-Nasa-Project\server\public\index.html'

This is server.js

Konrad · Accepted Answer · 2022-10-16 21:51:02Z

1

If you're getting the error:

Error: ENOENT: no such file or directory, stat 'C:\Users\kullanıcı\Desktop\Node Js\24-Nasa-Project\server\public\index.html'

That means you don't have a file at the path:

C:\Users\kullanıcı\Desktop\Node Js\24-Nasa-Project\server\public\index.html

Just looking at that path, I notice: Users\kullanıcı\Desktop ... that looks like a path from your computer. But you're saying this is on your server ... does your server actually have that folder?

What could be going on is you could have hard-coded that path somewhere in your code during development, and then when you try to use it on your server, it fails because your server doesn't have that path. It doesn't seem possible from the code you provided, but could there be any other code you didn't share?

Alternatively, I noticed you had:

res.sendFile(path.join(__dirname, '..', 'public', 'index.html'))

Why the '..'? It seems your server.js is in your server project root folder, so .. would mean one folder above that .. but the public folder is in the same directory as server.js.

edited Oct 16, 2022 at 21:51

Konrad

24.9k5 gold badges35 silver badges78 bronze badges

answered Oct 16, 2022 at 19:59

machineghost

36k33 gold badges174 silver badges271 bronze badges

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

2 Comments

Kürşat Karslı Over a year ago

Actually, my code is in the src folder, I will add my folder structure and how to run the server

Kürşat Karslı Over a year ago

There is this kind of structure but Language differences can be a reason? Because my computer language is Turkish and users mean kullanıcılar in Turkish. maybe it's not compiled this root because of that

Kürşat Karslı · Accepted Answer · 2022-10-17 20:00:19Z

0

I found the solution I made mistake while writing client package.json it was like this

I have Change it to the this

There is a space after server/public if ı do like first picture I need to write public joint to && symbol

answered Oct 17, 2022 at 20:00

Kürşat Karslı

156 bronze badges

Collectives™ on Stack Overflow

Node Js Serving react js frontend In Production No Such File directory

Why I get No such a file index.html error

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Why I get No such a file index.html error

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related