如何在 React 组件中导入 CSS 文件

Question

我想将 CSS 文件导入到反应组件中。

我试过 import disabledLink from "../../../public/styles/disabledLink"; 但我收到以下错误；

找不到模块：错误：无法解析 c:\Users\User\Documents\pizza-app\client\src\components @ 中的“文件”或“目录”../../../public/styles/disabledLink。 /client/src/components/ShoppingCartLink.js 19:20-66 哈希：2d281bb98fe0a961f7c4 版本：webpack 1.13.2

C:\Users\User\Documents\pizza-app\client\public\styles\disabledLink.css 是我要加载的 CSS 文件的位置。

对我来说，导入似乎没有找到正确的路径。

我想用 ../../../ 它会开始查找上面三个文件夹层的路径。

C:\Users\User\Documents\pizza-app\client\src\components\ShoppingCartLink.js 是应该导入 CSS 文件的文件的位置。

我做错了什么，我该如何解决？

原文由 venter 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

如果您不需要，您甚至不必命名它：

例如

import React from 'react';
 import './App.css';

在此处查看完整示例（ 将 JSX Live 编译器构建为 React 组件）。

原文由 code4jhon 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

如果你不需要，你甚至不必命名它：

例如

import React from 'react';
import './App.css';

请在此处查看完整示例（ 将 JSX 实时编译器构建为 React 组件）。

原文由 code4jhon 发布，翻译遵循 CC BY-SA 4.0 许可协议