No tengo idea de si esto es un problema o simplemente soy un estúpido, pero actualmente estoy tratando de hacer un cuestionario que se ejecuta en un servidor local (puerto 3000 predeterminado), pero cada vez que intento ejecutar el servidor usando node.js y arrancar localhost:3000, solo muestra los parámetros predeterminados que he puesto en mi documento HTML que son funcionalmente marcadores de posición, debido a que el script js asociado los elimina y agrega dinámicamente. Además de esto, parece que la hoja de estilo que hice usando CSS simplemente no se está cargando, por lo que tengo la sospecha de que estos podrían estar conectados y que estoy haciendo algo mal al llamarlos al localhost o algo así. Mi archivo HTML se ve así.
Mientras que tengo una conexión de base de datos simple y un backend de alojamiento de servidor que se ve así:
const express = require('express'); const app = express(); const bodyParser = require('body-parser'); const mysql = require('mysql'); const cors = require('cors'); const port = 3000; const connection = mysql.createConnection({ host : 'localhost', user : 'root', password: 'Arcinblade.3', database: 'applicants' }); app.use( bodyParser.json() ); app.use(bodyParser.urlencoded({ extended: true})); app.use(cors()); app.listen(port, ()=>{ connection.connect((err) => { if(err) { console.log('Database not connected!', err); } else { console.log(`Server is running on port ${port}`); console.log('Database Connected!'); } }) });Debe servir sus archivos estáticos en su archivo express. Para hacer esto usa el código:
app.use(express.static('public'))Debe tener sus archivos css y js dentro de una carpeta llamada public para que esto funcione. Consulte los documentos Express para obtener ayuda. Sirviendo archivos estáticos