Блог

У меня есть приложение Node / Express. Также существует клиентское приложение с несколькими файлами html и несколькими файлами js. Я использую WebStorm и нажимаю «ВЫПОЛНИТЬ». Это выводится на консоль:

 "C:Program Files (x86)JetBrainsWebStorm 2016.2.2binrunnerw.exe" "C:Program Filesnodejsnode.exe" "C:UsersnameDownloadsFall 2016Webthingsrcserverindex.js"
Shuffle router is loaded
I am open
Example app listening on 8080
  

Итак, экспресс-часть работает.

Однако, когда я перехожу к « http://localhost:8080/game.html «, я получаю Cannot GET /game.html . Это происходит и для всех страниц css. Я могу открыть HTML-страницы с помощью кнопки предварительного просмотра (?) в Webstorm, но это открывает « http://localhost:63342/ «.

Моя структура папок такова:

 public 
  css
     style.css
  img
     card1.jpg
  js
     game.js
  game.html
src
  server
     routes
       shuffleRoutes.js
     index.js
  

Мой index.js начинается с этого фрагмента кода перед определением некоторых функций:

 let express         = require('express'),
    bodyParser      = require('body-parser'),
    logger          = require('morgan'),
    _               = require('lodash');
let path = require('path');

    //redis, session
let app = express();
app.use(logger('combined'));
app.use(express.static('public'));
app.use(bodyParser.json({}));
app.use(bodyParser.urlencoded({ extended: true }));

app.use('/img',express.static(path.join(__dirname, 'public/img')));
app.use('/js',express.static(path.join(__dirname, 'public/js')));
app.use('/css',express.static(path.join(__dirname, 'public/css')));

app.get("/v1/game", require("./routes/shuffleRoute.js"));

console.log("I am open");
  

и имеет это в конце файла

   let server = app.listen(8080, function () {
    console.log('Example app listening on '   server.address().port);
});
  

Мой game.js не имеет никакого отношения к index.js досье.
Мой game.html файл имеет только <script src="./js/game.js"></script> .

Как мне исправить ошибку, из-за которой я ничего не получаю при запуске проекта Webstorm и переходе к localhost:8080/game.html ?

Вам необходимо определить конечную точку для использования express,

Поэтому вам нужно обслуживать game.html к этому маршруту:

Поскольку вы визуализируете html, вам нужно будет использовать ejs.

Поэтому добавление

  //configuration  
    app.engine('html', require('ejs').renderFile);
    app.set('view engine', 'ejs');

//route
    app.get('/game',function(req,res,next){
     res.render('game.html');
    });
  

Теперь перейдите к localhost:8080/game

Это должно показать ваш game.html