0

подскажите как справится с проблемой?введите сюда описание изображения

импортирую вверху файл css: import itemCard from '../../styles/ItemCard.css';

но typescript ругается такой ошибкой : TS2307: Cannot find module '../../styles/ItemCard.css'.

Хотя в браузере все стили работают. Как исправить эту ошибку?

5
  • попробуй так: import * as styles from './../styles/ItemCard.css' stackoverflow.com/questions/41336858/… Commented 24 янв. 2020 в 19:09
  • нет не помогает этот вариант
    – user369206
    Commented 24 янв. 2020 в 19:50
  • почти такой же глюк с библиотекой lodash и classname . подскажите как сделать , кто с этим сталкивался
    – user369206
    Commented 24 янв. 2020 в 21:55
  • yarn add @types/lodash @types/classnames
    – qwabra
    Commented 27 янв. 2020 в 17:56
  • это для библиотек сработало)) но для css модулей нет
    – user369206
    Commented 29 янв. 2020 в 13:06

3 ответа 3

1

В JavaScript/TypeScript нет импорта CSS.

Это хак с использованием вебпака(и т.п.).
Приведённый ниже пример может не заработать в вашем конкретном случае.
(прикладывай к вопросу содержимое package.json хотя бы)

/* style.css */
.qwa {
    color: red;
}
// style.css.d.ts
export const qwa: string;
// Button.tsx
import React from 'react';
import * as css from './style.css'

export default () => (
    <div className={css.qwa}>
        -,-
    </div>
)

есть ещё такая штука

0

кто столкнулся с этой проблемой . помогает создание файла с расширением .d.ts в корне проекта и с таким содержимым :

declare module '*.css' {
  const exports: { [exportName: string]: string };
  export = exports;
}
1
  • думаю, стоит принять свой ответ как решение.
    – qwabra
    Commented 9 февр. 2020 в 0:12
0

// можно так
import css = require('./mycss.css');
// или так
const css = require('./mycss.css');

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.