无法将 CSS 模块导入 React TypeScript 项目 #121

Question

描述错误 在我的 React Typescript 项目中，我正在尝试使用 CSS 模块。我使用 create-react-app 创建了项目，后来添加了 TypeScript。然后我按照 docs 的说明在项目

中设置 CSS 模块

1. 添加了带有 npm install -D typescript-plugin-css-modules
的插件
2. 然后更新了tsconfig.json

{
  "compilerOptions": {
    "plugins": [{ "name": "typescript-plugin-css-modules" }]
  }
}

3. 我尝试 运行 但它没有 运行。它抱怨导入语句 here。虽然插件文档说它不应该
4. 所以我添加了global.d.ts，解决了错误
5. 现在当我 运行 它时，页眉上的主页 link 应该是白色的。但是我看到了默认颜色

重现

1. 转到https://codesandbox.io/s/summer-haze-ztnf6?file=/src/index.tsx
2. 查看Link首页

预期行为 首页link颜色应该是白色

Answer 1

没关系，将 scss 文件的名称更改为 header.module.scss 解决了问题。

Answer 2

既然你已经解决了这个问题，请看一下描述：problem in accessing the scss variables in react components

以类似的方式，您可以从模块 scss 文件访问 类。