模块 '"*.css"' 没有导出的成员 'CompaniesLogo'。您的意思是改用“从“* .css”导入公司徽标吗？答案

【问题标题】：Module '"*.css"' has no exported member 'CompaniesLogo'. Did you mean to use 'import CompaniesLogo from "*.css"' instead?模块 '"*.css"' 没有导出的成员 'CompaniesLogo'。您的意思是改用“从“* .css”导入公司徽标吗？
【发布时间】：2021-08-14 03:35:00
【问题描述】：

这可能会编码。

import { CompaniesLogo,navigation,NavLinkGroup } from "./Navigation.module.css";

如何将所需的类从 css 导入到 React 中？

【问题讨论】：

标签： css reactjs

【解决方案1】：

您不必显式导入单个 css 类。像这样导入你的 css 文件：

导入“./Navigation.module.css”；

然后开始使用你的 css 类。

【讨论】：

据我所知，这样的恶作剧对整个项目都有效

【解决方案2】：

这就是您需要按照@qaismakani 的建议使用的方式。

但是如果你想组件特定的样式你可以试试react-jss

【讨论】：

【解决方案3】：

在您的 Navigation.module.css 文件中，您通常会有这样的类样式（我假设）：

.CompaniesLogo {
     // styles here
}
.navigation {
     // more styles here
}
. NavLinkGroup {
     // even more styles here
}

在你的 react 组件文件的顶部，你将像 @qaismakani 提到的那样导入 css 文件：

import "./Navigation.module.css";

然后，您将像在普通 HTML 中一样使用该 css 文件，但您将使用 className 而不是 class 属性：

<div className="navigation">This is a navigation Div</div>

【讨论】：