Экспресс неправильно отображает HTML

Question

Как использовать HTML в качестве движка просмотра в Express? после изучения ссылки я запустил сервер с файлом index.html на порту 8001. Однако он не правильно отображает высказывание в консоли:

Server Started
Error: SyntaxError: Unexpected token !== in file /home/bereznyak/Рабочий стол/restplatzproject/views/index.html.

Я использую в своем html некоторые обозначения handlebars.js, которые вызывают эту ошибку.Мой HTML-код выглядит следующим образом:

<div class="item_card">
            <div class="restaurant_name">
            <p>Empfang restaurant: <span class="decorated">{{cellsArray.[0]}}</span></p>
            </div>
            <div class="updated">
              Updated at: {{cellsArray.[1]}}
            </div>
            <!-- этот div скрыт, причины описаны в js.js файле, копия этого diva' в следующем div'e -->
            <div style="display: none" class="places_number">
            <p> <span class=" getme places_number_from_google decorated">{{cellsArray.[2]}}</span> Places.</p>
            </div>
            <div class="places_number">
              <p> <span class="places_number_js"></span> Places.</p>
            </div>
            <div class="discount">
            <p><span class="decorated">{{cellsArray.[3]}} %</span> your Discount</p>
            </div>
            <div class="time">
              <p>Discount valid from <span class="decorated">{{cellsArray.[4]}}</span> till <span class="decorated">{{cellsArray.[5]}}</span> </p>
            </div>
            <div id="button" class="button" onclick="displayDiv()">
                <form action="/pay" method="post">
                    <input type="submit" value="Buy">
                </form>
            </div>
          </div>

Как я все еще могу преодолеть эту ошибку, так как мне очень нужны эти выражения handlebars.js?

Answer 1

После прочтения официальной документации

я нашел такой код:

var express = require('express');
var exphbs  = require('express-handlebars');

var app = express();

app.engine('.hbs', exphbs({extname: '.hbs'}));
app.set('view engine', '.hbs');

это означает, что мы можем изменить extname с .hbs на .html:

const exphbs  = require('express-handlebars');

app.engine('.html', exphbs({extname: '.html'})); // defining view engine for file extension 
app.set('view engine', '.html'); // defining default extension

не забудьте установить пакет:

npm i --save express-handlebars