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

Question

我想将CSS文件导入React组件。

我已经尝试过，import disabledLink from "../../../public/styles/disabledLink";但是下面出现错误；

找不到模块：错误：无法解析c：\ Users \ User \ 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文件的文件的位置。

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

Answer 1

如果您不需要：

例如

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

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