Strona nie wykrywa moich plików js'a ( Node.js )

Question

Witam.

Pierwszy raz przyszło mi pracować na serwerze node.js i mam taki problem, że gdy podłączyłem pliki js'a z zewnętrznego katalogu ( " <script src="js/index.js"></script> " ) konsola wywala błąd " Failed to load resource: the server responded with a status of 404 (Not Found) ".

Proszę o pomoc.

Comments

Trudno cokolwiek powiedzieć bez struktury plików i kodu serwera.

---

Tak jak mówiłem wcześniej, pierwszy raz pracuje na serwerze node, także prosiłbym co konkretnie mam wysłać?

W głównym folderze mam:

- index.html,

- app.js ( kod związany z nodem i fameworkiem, z którym uczę się pracować ),

- folder "js", w którym leży właśnie plik index.js, który próbuję zaimplementować do index.html,

- i oczywiście folder node_modules, plik package.json i package-lock.json

---

Dodam jeszcze, że pliki nie są wczytywane tylko gdy strona www jest odpalana poprzez node.js

---

A jak wygląda kod w app.js?

---

Tutaj wrzucam również kod z framework'a ( socket.io ):

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);

app.get('/', function(req, res) {
    res.sendfile('index.html');
});

io.on('connection', (socket) => {
    console.log('Użytkownik dołączył na serwer!');

    socket.on('move', function() {
        io.sockets.emit('moveE', {
            description: 'Move player up 2/2'
        });
    })
    
    socket.on('disconnect', () => {
        console.log('Użytkownik opuścił serwer!');
    });
  
});

http.listen(3000, function() {
    console.log('listening on *:3000');
});

 

Answer 1

Nie wykrywa, bo ich nie serwujesz. Musisz dodać middleware serwujący statyczne pliki: https://expressjs.com/en/starter/static-files.html

Comments

Zrobiłem tak:

1. Dodałem: 

var express = require('express');

dzięki temu skorzystałem z:

app.use(express.static('assets'));

2. Do folderu assets wrzuciłem skrypt js'a.

 

Efekt tego jest taki, że nie wywala mi błędu w konsoli node.js, za to w konsoli przeglądarki pozostaje bez zmian (error 404). Ścieżka do pliku jest na 100% dobra, bo gdy klikam na ścieżkę w vscode (alt + click) wyskakuje mi właśnie ten plik. To samo z plikami css'a. Próbowałem również restartować vscode i jak serwer node.js.

---

Ścieżka jest dobra w vscode, ale nie jest dobra dla serwera.

Przy takim przypięciu powinna zadziałać ścieżka index.js, nie assets/index.js.

---

Czyli

<script src="assets/index.js"></script>

zamienić na:

<script src="index.js"></script>

? 

Jeśli tak, to brak efektów.

---

Dobra, mój błąd - zrobiłem literówkę.

Dzięki za pomoc!

Answer 2

A sprawdź dokładną ścieżke tego pliku przez relative path, bo być może ona uległa zmianie.
Sprwadź też hierarchie folderów, czy aby index.js nie jest   wyżej/niżej niż katalog docelowy przez co ścieżka mogłaby się zmienić. Docelowo poniżej głównego być powinien

Comments

Mam w edytorze kodu rozszerzenie, które samo mi pokazuje jaki plik jest w jakim folderze więc ścieżka na pewno dobra.