React 编译失败。找不到模块：无法解析“Main.css”

Posted 2023-02-21

【中文标题】React 编译失败。找不到模块：无法解析“Main.css”

【英文标题】：React Failed to compile. Module not found: Can't resolve 'Main.css'

【发布时间】：2021-01-12 03:37:42

【问题描述】：

在我的 React 项目中，我添加了“Main.css”文件并将其导入 Navigation.js 组件中。不幸的是，我收到此错误“无法编译。./src/components/Navigation.js 找不到模块：无法解析“/Users/monikastrzalka/Documents/INFORMATYKA/WEB DEVELOPMENT PROJECTS/PROJECT2/project2/src/components”中的“Main.css”。我不知道为什么会这样。这是第一个时间。请帮帮我。下面你会找到必要的数据。 enter image description here

【问题讨论】：

您正在导入本地文件。应该是'./Main.css'

【参考方案1】：

我相信你的问题在于导入

import "./Main.css"

【参考方案2】：

import 可以通过几种不同的方式尝试查找您所指示的内容。当前导入将“Main.css”解释为一个完整的包 - 如果您的 package.json 中有一个“Main.css”库并且存在于您的 node_modules 文件夹中，则导入将正确处理此问题。

另一种导入方式是识别相对文件路径。您可以像终端一样指示相对路径。

如果你尝试：

导入“./Main.css”

import 会知道寻找项目中存在的相对文件路径。

【讨论】：

它没有解决问题，但又产生了另一个错误 ostcss!./src/components/Main.css) 错误：ENOENT：没有这样的文件或目录，打开 '/Users/monikastrzalka/Desktop/ PROJECT2/project2/src/components/Main.css'

该错误消息表明该路径中不存在 Main.css 文件。看起来很奇怪，因为我看到它存在于 components 文件夹中

删除你的node_modules，重新安装包并再次尝试运行应用程序

@RobertTerrell 非常感谢您的帮助。删除 node_modules 并重新安装包解决了这个问题。