JavaScript-Datei net :: ERR_ABORTED 404 (nicht gefunden)

Question

Ich möchte einige Backend-Funktionen für die Zahlungsoption für meine kleine Firebase-Web-App hinzufügen. Mein Projekt hat folgende Struktur.

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
 

Folgendes habe ich in meiner server.jsDatei. Ich bekomme net::ERR_ABORTED 404 (Not Found)für alle meine JavaScript-Dateien. Was soll ich hier machen?

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

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

Ich habe die folgenden zwei möglichen Beiträge bemerkt, die mir helfen könnten. Ich habe einige Top-Antworten von dort ausprobiert, bin aber immer noch festgefahren. Ich verstehe nicht wirklich, wo das Problem liegt und was zu tun ist.

JS-Datei erhält ein net :: ERR_ABORTED 404 (nicht gefunden)

Wie verwende ich HTML als Ansichtsmodul in Express?

Answer 1

Das Problem, das mir hier aufgefallen ist, ist diese Zeile. app.use(express.static('../../project'));Sie setzen den Ordner projectauf public. Ihre JS-Dateien befinden sich in einem statischen Ordner und werden nicht gelesen. Ich würde folgende Struktur vorschlagen:

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

Dann in Ihrer server.jsDatei:

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

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