Не можете увидеть мой класс, используя имена классов и React?

Question

Использование React и имен классов для создания стилей. Я не получаю ошибок, но я получаю неопределенный, когда я console.log(styles.uiPad). Я получаю объект, когда я console.log (стили). Мой компонент импорта имен классов также успешно получает консоль, но ничего не происходит. Что я делаю неправильно? Это вещь в вебпаке?

Вот мой импорт:

import styles from '../assets/stylesheets/base.scss'
import classNames  from 'classnames'

Это мой рендер:

<div className={classNames(styles.uiPad)}></div>

Answer 1

Вы импортируете файл Sass. Вам необходимо скомпилировать Sass в CSS перед его импортом.