Javascript 无法在CRA 2.0中使用CSS模块

React现在支持CRA中的CSS模块，无需弹出。但我仍然无法使用它们

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

我的react脚本版本也>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;

我正在使用这里提到的它们

这就是我得到的错误：

./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'

---

在您的问题中，您声明css文件名为

Layout.css

，但我认为它应该是

Layout.module.css

。或者你忘了在这里正确命名？

你能在问题中添加你的

布局.module.css

和文件夹结构的一个例子吗

./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'