Как включить `импорт стилей из './local.css'` синтаксиса в проекте create-реагировать на приложение? - PullRequest
Новая
       8

Как включить `импорт стилей из './local.css'` синтаксиса в проекте create-реагировать на приложение?

0 голосов
/ 30 января 2019

Я использовал npx create-react-app myapp --typescript для создания каркасного проекта.

Мои стили импорта perfer css - import styles from './App.css, так что я могу сделать что-то подобное 

<div className={styles.container}>Hello</div>

Однако, если я попыталсяв этом стиле я получу сообщение об ошибке 

Type error: Cannot find module './App.css'.  TS2307

    2 | import logo from './logo.svg';
    3 |
  > 4 | import styles from './App.css';

Как настроить приложение реагировать на этот стиль кодирования?

create-react-app версия 2.1.3

1 Ответ

0 голосов
/ 30 января 2019

Вы не можете импортировать таблицы стилей так, как вы это делали, поскольку это не модуль js.Вы можете сделать это:

import './App.css'

Вы сможете сделать так, как вы это сделали, только если вы создали стили как объекты js и применили их только к атрибуту style, а не к className.Пример:

Вкл. Style.js не css 

const styles =  {
    container: {
        background: red,
        fontSize: '15px'
    }
}

export default styles;

Вкл. App.js 

import styles from './styles'

и вкл.Ваш рендер () 

<div style={styles.container}>Your Content</div>

Обратите внимание, что его стиль не является классом

Если вы используете typed-css-modules, вам придется запускать tcm --watch рядом или tcm отдельно.Как только вы это сделаете, tslint не выдаст вам ошибок, если не сможет найти стили.

...