[Solved] Why does this Express app fail to serve static files?const express = require('express'); const app = express(); app.use('/static', express.static('public')); app.... | Node.js

Node.js - HTTP Module

Why does this Express app fail to serve static files?

const express = require('express');
const app = express();
app.use('/static', express.static('public'));
app.listen(3000);

Accessing http://localhost:3000/image.png returns 404. What is the fix?

AChange URL to include /static prefix

BRename folder from public to static

CRemove app.listen call

DUse app.get instead of app.use

Step-by-Step Solution

Solution:

Step 1: Understand the mount path for static files
The static files are served under the '/static' path, so accessing root '/' won't find them.
Step 2: Fix the URL to match mount path
Accessing http://localhost:3000/static/image.png will serve the file correctly.
Final Answer:
Change URL to include /static prefix -> Option A
Quick Check:
URL must match static mount path [OK]

Quick Trick: Match URL path with static middleware mount path [OK]

Common Mistakes:

Master "HTTP Module" in Node.js

9 interactive learning modes - each teaches the same concept differently

More Node.js Quizzes

Why does this Express app fail to serve static files?