Общая папка express.js не распознается

Я разработал простой сервер в Node.js, используя Express, и установил папку public для обслуживания статических файлов.

В моем корневом index.js у меня есть следующий код:

const express = require('express');
const app = express();
const http = require('http').Server(app);
const fs = require('fs');

app.use(express.static(__dirname + '/public'));

app.get('/', (req, res) =>  {
    res.sendFile(__dirname + '/public/index.html'); 
});

http.listen(3000, () => console.info('started server on *:3000'));

И структура каталогов такова:

root 
|---index.js
|---package.json
|---public
|   |---index.html
|   |---cs
|   |   |---index.css
|   |---js
|   |   |---index.js

В index.html в папке public у меня есть следующий код:

<head>
    <script src = "js/index.js"></script>
    <link rel = "stylesheet" src = "css/index.css" type = "text/css" >
</head>

Но CSS не отображается. Как я могу это решить?

я думаю, что теги link имеют атрибуты href вместо src

— 04.04.2021 09:50

есть отвечать, я думаю, это может вам помочь

— 04.04.2021 10:05

@SudhirBastakoti, переход на href, работал, но в некоторых ответах предлагается перейти на src ... но большое спасибо ..

— 04.04.2021 10:55

Возможно, это опечатка, но при редактировании вашего вопроса я заметил, что у вас в структуре каталогов есть папка cs вместо папки css.

— 04.04.2021 15:58

javascript css node.js express file

04.04.2021 09:46

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Ответы 2

Попробуйте изменить это:

app.use(express.static(__dirname + '/public'));

К этому:

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

04.04.2021 09:59

Замените атрибут src в теге link на href. Если это не сработает, попробуйте следующее решение.

Я считаю, что ваш сервер работает на http://localhost:3000/

Поэтому обновите URL-адрес в src вашего index.html в общей папке, добавив базовый URL-адрес, как я сделал ниже.

<head>
    <script src = "http://localhost:3000/js/index.js"></script>
    <link rel = "stylesheet" href = "http://localhost:3000/css/index.css" type = "text/css" >
</head>

04.04.2021 15:16

Другие вопросы по теме

Как выровнять дочерние элементы гибкости по центру?

Переворачивать прокрутку при прокрутке

Я работаю над TODO, я хочу, чтобы между изображением корзины и изображением стиля списка было пространство, но когда я применяю свойство flex в «списке», изображение исчезает

Как установить три изображения по горизонтали в php

Как удалить синий цвет фона, который появляется и исчезает при нажатии переключателя (переключатель html с флажком)? (Решение найдено)

Как поменять местами наложение текста и изображение кладочной сетки?

Фоновое видео CSS

Вернуться к основному содержимому блока div из JQuery .load

Как изменить цвет границы по умолчанию вкладок Ant-Design

Как сделать идеальный цветной круг внутри ячейки таблицы HTML, который оставался круглым и масштабировался вместе с таблицей?

Общая папка express.js не распознается

Ответы 2

Другие вопросы по теме

Похожие вопросы