如何在基于 React 的 Wordpress 插件中使用 CSS 模块？答案

【问题标题】：How to use CSS modules in a React based Wordpress plugin?如何在基于 React 的 Wordpress 插件中使用 CSS 模块？
【发布时间】：2022-01-13 15:30:37
【问题描述】：

我的tsx 文件之一中有这一行：

import styles from "../../styles/buyTicket.module.css";

收到此错误：

ERROR in /Applications/MAMP/htdocs/wp-content/plugins/tikex/tikexModule/components/BuyTicket/PricingOptionInvoiceItemsFormFieldsCheckboxes.tsx
./tikexModule/components/BuyTicket/PricingOptionInvoiceItemsFormFieldsCheckboxes.tsx 7:19-54
[tsl] ERROR in /Applications/MAMP/htdocs/wp-content/plugins/tikex/tikexModule/components/BuyTicket/PricingOptionInvoiceItemsFormFieldsCheckboxes.tsx(7,20)
      TS2307: Cannot find module '../../styles/buyTicket.module.css' or its corresponding type declarations.

如果我删除styles，那么我不会再收到此错误，但它不会作为 CSS 模块工作，并且会发生命名冲突。你有什么建议？

【问题讨论】：

您是否尝试过像这样导入它：import "../../styles/buyTicket.module.css";？
是的，它可以工作，但是它不能作为 CSS 模块工作，并且会发生命名冲突。

标签： css reactjs wordpress css-modules react-css-modules