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

  • Z时代
  • 2024-01-10
  • 分类：问答

我想将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文件的文件的位置。

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

回答：

如果您不需要：

例如

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

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

以上是 如何在React组件中导入CSS文件 的全部内容， 来源链接： utcz.com/qa/418518.html

回到顶部