Модули CSS не работают в Codesandbox - не могут найти файлы, даже если они существуют

Я пытаюсь создать проект и просто переместил свой код из VSCode в Codesandbox. Я должен отметить, что код работал нормально в VSC, но по какой-то причине он не работает в Codesandbox - модули CSS не могут быть найдены. Я думаю, что, возможно, мне что-то не хватает в моей настройке, так как я просмотрел другие примеры, и код кажется идентичным (импорт). Ошибка при получении всех файлов:

Cannot find module './Example.module.css' or its corresponding type declarations.

Полный код здесь:

https://codesandbox.io/s/burger-builder-project-173uw?file=/src/Components/Layout/Layout.tsx

Кто-нибудь знает, что может быть не так? Спасибо.


reactjs typescript javascript codesandbox
person Ari O    schedule 09.08.2020    source источник
comment
Отвечает ли это на ваш вопрос? Не удается импортировать модули CSS / SCSS. TypeScript сообщает, что не удается найти модуль   -  person Akber Iqbal    schedule 09.08.2020

Ответы (2)


arrow_upward
0
arrow_downward

Я нашел один способ исправить это (так я работаю с файлами CSS):

// Layout.tsx

import React from "react";
import BurgerBuilder from "../../ContainerBurgerBuilder";

// CSS
import "./Layout.module.css";

А затем в вашем render методе:

render() {
   return (
      <div className="Content">
         <BurgerBuilder/>
      </div>

   );
}
person wgumenyuk    schedule 09.08.2020
comment
Мой код на удивление вроде работает, просто не могу избавиться от ошибки. Ваше решение ломает все приложение. Спасибо. - person Ari O; 09.08.2020
comment
Мне очень жаль это слышать. Надеюсь, вы скоро найдете более подходящее решение. - person wgumenyuk; 09.08.2020

arrow_upward
0
arrow_downward

включите javascript в вашем html файле, тогда я думаю, это сработает

person swapper5    schedule 24.05.2021
comment
Это комментарий. - person Nikita; 25.05.2021