Estoy tratando de cargar un script.js y un archivo style.css en el servidor. El index.html y el index.js funcionan bien, sin embargo, parece que hay un error cuando trato de cargar el archivo style.css y el archivo script.js, que uso para el backend.
OBTENER http://localhost:4000/script.js net::ERR_ABORTED 404 (No encontrado)
Todos mis archivos están en el mismo directorio, /public .
Ya verifiqué el archivo CSS y se carga cuando muestro el archivo HTML cuando no está en el servidor.
Este es mi archivo index.js:
const express = require('express'); const cors = require('cors'); const fs = require('fs') const ytdl = require('ytdl-core'); const app = express(); const path = require('path') app.use('/static', express.static(path.join(__dirname, 'public'))) app.use(cors()); app.listen(4000, () => { console.log('Server works at port 4000'); }); app.get('/', function(req,res){ res.sendFile(__dirname + '/index.html'); }); app.get('/download', (req,res) => { var URL = req.query.URL; res.json({url:URL}); })El archivo HTML:
<!DOCTYPE HTML> <html lang="en"> <head> <link href="/style.css" rel="stylesheet" type="text/css"/> <meta charset="UTF-8"> <title>PyTube</title> </head> <body> <h1>PyTube</h1> <input type="url" name="yturl" class="URL-input" id="yturl" placeholder="https://www.youtube.com/watch?v=" required> <button class="convert-button">Convert</button> </body> </html> <script src="script.js"></script> Probé un montón de cosas y probé cosas con __dirname y rutas, pero no puedo encontrar el problema ni solucionarlo.