Express-Service statische HTML-Referenzierung js Dateien

Question

Ich habe die folgende Ordnerstruktur in meinem Knoten Projekt (unter Verwendung von Knoten, webpack und Express):

• dist/ (Ordner mit JS-Dateien)
• views/ (Ordner statische HTML-Dateien enthalten, die auf JS-Dateien in oben genannten dist-Ordner)

die index.html (im obigen befindet views Ordner-Datei) erwähnt enthält folgende Komponenten:

<script type="text/javascript" src="../dist/test.js" ></script> 

In dem app.js für den Knoten Anwendung ich die statische HTML-Seite in der folgenden Weise diene:

router.get('/setup', function(req, res){ 
    res.sendFile(path.join(__dirname, './views/index.html')); 
}); 

Das Problem ist, dass die .html macht richtig, aber es ist nicht in der Lage zu finden die .js-Datei, auf die sie verweist. Wie behebe ich das?

Answer 1

Verwenden Sie diese src="./dist/test.js" instead of src="../dist/test.js". sein kann, wird dies das Problem

Answer 2

In Ihrem app.js Datei Add Linie:

app.use('/source/', express.static(__dirname + '/path_to_js_folder')); 

und ändern Sie Ihre < script> -Tag als:

<script type="text/javascript" src="/source/test.js" ></script> 

Answer 3

können Sie folgendermaßen vorgehen -

Und in Ihrer HTML-Datei tun Sie das einfach -

<script type="text/javascript" src="test.js" ></script>