css файлы не загружаются express -handlebars

Question

У меня проблемы с доступом CSS с использованием express -рулей. Я не вижу проблемы, и я хотел бы получить вашу помощь.

Вот мое рабочее пространство: Рабочее пространство / Meus Arquivos

В моем home.handlebars: <link rel="stylesheet" href= "css/home.css">

В моем доме. css:

нижний колонтитул {background-color: blue; }

Вместо того, чтобы показывать синий фон, как я и просил, он ничего не показывает:

Код нижнего колонтитула:

    <footer>
    <font size = 4>
        <h5>© 2019 Suplementos Atlética</h5>
    </font>
</footer>

Нижний колонтитул / Rodapé

Answer 1

В экспрессах необходимо установить express stati c. Он будет выглядеть следующим образом:

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

Теперь вы можете создать папку public в приложении root и папку css в папке publi c и поместить свой стиль в там.

Итак, ваш каталог выглядит следующим образом:

• sr c
• publi c> css> home. css
• просмотров

Как использовать? Вы можете назвать свою ссылку так:

<link rel="stylesheet" href= "/css/home.css">

Например, вы можете посмотреть в моем примере проекта здесь: https://codesandbox.io/s/elegant-fog-1n61o

Я надеюсь, что это может помочь вам.

Answer 2

Создайте базовую папку с именем «publi c», затем создайте папку «css» с желаемыми css файлами

Также в вашем индексе. js убедитесь, что у вас есть следующее:

    var app = express();
    //serve up your main public folder
    app.use('/', express.static(path.join(__dirname, '../public')));`
    //set the layout engine your using
     app.engine('handlebars', exphbs());
     app.set('view engine', 'handlebars');
     app.get('/', function (req, res) {
     // would render your home.handlebars page
         res.render('home');
     });

Ваша папка c должна иметь css/home.css и должна отображаться на вашей домашней странице, которую вы создали