Не работают стили при подключении модулями?

Question

[Vann Damm]

При подключении стилей модулями, ничего не работает.

import React from 'react';
import headerScss from './headerStyle.scss';
import {BodyContainer} from '../Body/body';

export const Header: React.FC = ()=>{
    return(
        <>
        <div className={headerScss.headerContainer}>

Но при указании класса с помощью " ", всё работает

import React from 'react';
import headerScss from './headerStyle.scss';
import {BodyContainer} from '../Body/body';

export const Header: React.FC = ()=>{
    return(
        <>
        <div className={'headerContainer'}>

Вот мои scss и css рулзы

Answer 1

[historydev]

Не:
import headerScss from './headerStyle.scss';
А:
import './headerStyle.scss';

Comments

[Егор Живагин]

Вы немного путаете, это совсем другой подход к стилям

[Vann Damm]

да, там ошибка , я просто спешил, с таким импортом работает import './headerStyle.scss', а с таким нет import headerScss from './headerStyle.scss';

[historydev]

effect_tw, 《 отметить ответом 》

Answer 2

[Егор Живагин]

В options попробуйте указать modules: true

Comments

[Егор Живагин]

Возможно нужно будет указать ещё localIdentName, я не уверен, стоит посмотреть в документации

[Vann Damm]

Егор Живагин, спасибо