File JavaScript net :: ERR_ABORTED 404 (non trovato)

Question

Vorrei aggiungere alcune funzionalità di backend per l'opzione di pagamento per la mia piccola app Web Firebase. Il mio progetto ha la seguente struttura.

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
 

Ecco cosa ho nel mio server.jsfile. Ricevo net::ERR_ABORTED 404 (Not Found)tutti i miei file JavaScript. Cosa dovrei fare qui?

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

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

Ho notato i seguenti due possibili post che potrebbero aiutarmi, ho provato alcune risposte migliori da lì ma ancora bloccato, non capisco effettivamente dov'è il problema e cosa deve essere fatto.

Il file JS ottiene una rete :: ERR_ABORTED 404 (non trovato)

Come si utilizza l'HTML come motore di visualizzazione in Express?

Answer 1

Il problema che ho notato qui è questa riga. app.use(express.static('../../project'));Quello che stai facendo è impostare la cartella projectcome pubblica. I tuoi file JS si trovano in una cartella statica e non vengono letti. Suggerirei la seguente struttura:

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

Quindi nel tuo server.jsfile:

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

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