ノードの静的なjsファイルがリフレッシュされていません

Question

私は最初のノードアプリケーションを作成しようとしていますが、javascriptファイルに問題がありますが、私のCSSでは問題があります。ここに私のapp.jsです：

var express = require("express"); 
var app = express(); 
app.set("view engine", "ejs"); 
app.use(express.static(__dirname + '/public')); 

私は私のjsファイルからだった「接続」クロームコンソール、で見たライン4を、追加するまで、私は私のjsファイルを読み込むことができませんでした。私が抱えている問題は、4行目を追加して以来、express.staticのjsファイルは変更されておらず、ファイルに追加したものはすべてchromeリソースタブに表示されないということです。奇妙なことに、私のCSSファイルは正しく動作しているので、少し不便です。私は次のようにJSファイルにリンクしようとしています

：そのが正しく、私は、サーバーを再起動しようと、どちらかの仕事をしていないインストールnodemonので、持って働いていない理由

<script src="javascripts/main.js"></script> 

は、私は本当にわかりません。私のフォルダ構造は、私は問題を見ているだけの人が静的なファイルに接続していない発見した、一度接続されていない、彼らは確実にするために、絶対パスを使用してみてください任意の保存された変更に

Answer 1

ブラウザでキャッシュを無効にする必要があります。ブラウザはサーバーからリフレッシュするためにファイルが古いものではないと思いますので、キャッシュされたファイルを使用します。
Chromeの場合 - F12（他のブラウザの作品でも）を開いて確認してください。

Answer 2

を示していない

app.js 
public 
    stylesheets 
     main.css 
    javascripts 
     main.js 

です静的資産が適切にロードされます。相対パス（例：javascripts/main.js）を使用すると、ブラウザが絶対パスに変換する方法（ネストされたルートを含めて完全なURLを考慮に入れる）のために問題になる可能性があります。

たとえば、/foo/barのルートを設定していて、相対パスを使用している場合、ブラウザで/foo/barにアクセスすると、ブラウザは/foo/bar/javascripts/main.jsにアクセスしようとします。

Answer 3

あなたが直面している問題は、すでにWebPACKのようなライブラリで答えています。それはホットリロードします。 Webアプリケーションの変更が何であっても、クライアントにロードされ、ファイルを修正してサーバーを再起動することなく変更を更新します。ブラウザで更新されたスクリプトを実行します。