Red de archivos JavaScript :: ERR_ABORTED 404 (no encontrado)

Question

Me gustaría agregar alguna funcionalidad de backend para la opción de pago para mi pequeña aplicación web Firebase. Mi proyecto tiene la siguiente estructura.

project 
| functions (cloud functions here)
| --server.js
| static (all JavaScript files for frontend, css, images)
| --style.css
| --index.js
| --images
| index.html
| other HTML files
 

Esto es lo que tengo dentro de mi server.jsarchivo. Obtengo net::ERR_ABORTED 404 (Not Found)para todos mis archivos JavaScript. ¿Qué debo hacer aquí?

const express = require('express');
const app = express();

app.set('view engine', 'ejs');
app.use(express.static('../../project'));

Noté las siguientes dos publicaciones posibles que podrían ayudarme, intenté algunas respuestas principales desde allí, pero aún me quedo atascado, no entiendo realmente dónde está el problema y qué se debe hacer.

El archivo JS obtiene un net :: ERR_ABORTED 404 (no encontrado)

¿Cómo utilizo HTML como motor de visualización en Express?

Answer 1

El problema que noté aquí es esta línea. app.use(express.static('../../project'));Lo que está haciendo es configurar la carpeta projectcomo pública. Sus archivos JS están dentro de una carpeta estática y no se leen. Sugeriría la siguiente estructura:

project 
  server.js
  static (folder)
    HTML (folder for all HTML files)
    css (folder for all css files)
    js (folder for all js files)

Luego en su server.jsarchivo:

const express = require('express');
const app = express();

app.set('view engine', 'ejs');
app.use(express.static('./static'));