Невозможно использовать модули CSS в CRA 2.0 - PullRequest
Новая
       41

Невозможно использовать модули CSS в CRA 2.0

0 голосов
/ 14 ноября 2018

React теперь поддерживает модули CSS в CRA без извлечения.Но я все еще не могу их использовать. 

"dependencies": {
    "react": "^16.6.3",
    "react-dom": "^16.6.3",
    "react-scripts": "2.1.1"
  },

Моя версия реакции-скриптов также> 2.0 

import React from "react";

import classes from "./Layout.module.css";

const Layout = props => {
  return (
    <React.Fragment>
      <div>Toolbar, SideDrawer, Backdrop</div>
      <main className={classes.Content}>{props.children}</main>
    </React.Fragment>
  );
};

export default Layout;

Layout.css 

.Content {
  margin: 10rem;
}

Яиспользуя их, как упомянуто здесь

https://facebook.github.io/create-react-app/docs/adding-a-css-modules-stylesheet.

Это ошибка, которую я получаю: 

./src/components/Layout/Layout.js
Module not found: Can't resolve './Layout.module.css' in '/home/tft/Desktop/My_Workspace/Reactjs-Projects/Personal Projects/burger-king/src/components/Layout'

1 Ответ

0 голосов
/ 07 декабря 2018

В вашем вопросе вы утверждаете, что файл css называется Layout.css, но я думаю, что он должен быть Layout.module.css для работы.Или вы просто забыли правильно назвать это здесь?

...