с css в гатбсах не применяется - PullRequest
0 голосов
/ 21 февраля 2020

Я пытаюсь создать приложение с помощью Gatbsy.

1) Я установил зависимость

npm install --save node-sass gatsby-plugin-sass

2) Я добавил плагин

plugins: [`gatsby-plugin-sass`],

3 ) Я создаю простой класс в component.module.scss

.header {
    -moz-transition: background-color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    background-color: rgba(53, 56, 73, 0.95);
}

и

const Header = (): JSX.Element => (
  <div>
    <header className="header alt">

4) Затем я импортировал css в компонент

import "./header.module.scss"

const Header = (): JSX.Element => (

5) Я запускаю разработку

gatsby develop

Но когда я проверяю, css не применяется

...