JavaScriptファイルnet :: ERR_ABORTED 404（見つかりません）

Question

小さなFirebaseWebアプリの支払いオプションにバックエンド機能をいくつか追加したいと思います。私のプロジェクトは次のような構造になっています。

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
 

これが私のserver.jsファイルの中にあるものです。net::ERR_ABORTED 404 (Not Found)すべてのJavaScriptファイルを取得しています。ここで何をすればいいですか？

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

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

私は私を助けるかもしれない次の2つの可能な投稿に気づきました、私はそこからいくつかのトップの答えを試しましたが、それでも立ち往生しています、実際には問題がどこにあり、何をしなければならないのか理解していません。

JSファイルはnet :: ERR_ABORTED 404（見つかりません）を取得します

ExpressのビューエンジンとしてHTMLを使用するにはどうすればよいですか？

Answer 1

ここで気付いた問題は、この行app.use(express.static('../../project'));です。あなたがしているのは、フォルダprojectをパブリックに設定することです。JSファイルは静的フォルダー内にあり、読み取られません。次の構造をお勧めします。

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

次に、server.jsファイル内：

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

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