@rifat2125

Как в NodeJs/Express настроить статические файлы?

У меня есть проект со следующей структурой:
6285d4d5eaa98972457453.png

Написал такую серверную часть:
const express = require('express');
const path = require('path');

const app = express();

app.use(express.static(path.join(__dirname, '/src')));

app.get('/*', (req, res) => {
  res.sendFile(path.resolve(__dirname, 'src', 'index.html'));
});

app.listen(process.env.PORT || 8000, () => {
  console.log('Server is running...');
});


Подключаю скрипт в html как модуль
<body>
    <div id="app">
        
    </div>
    <script src="/js/index.js" type="module"></script>
</body>


И в этом модуле (index.js) импортирую другой:
import AbstractView from "./Components/AbstractView";

class App extends AbstractView {}


Я открываю страницу и там выходит следующая ошибка:
6285d5d768d74038432047.png

Я правильно понимаю, здесь дело в том, что неправильно настроена серверная часть, а именно указание директории со статическими файлами?
  • Вопрос задан
  • 74 просмотра
Решения вопроса 1
@rifat2125 Автор вопроса
В общем и целом, проблема была в том, что я импортировал файл AbstractView в index.js и не указал его расширения.
То есть вместо этого:
import AbstractView from "./Components/AbstractView";

Нужно сделать это:
import AbstractView from "./Components/AbstractView.JS";
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы