Javascript Reactjs+；VSC突如其来的巨大'；未找到模块'；错误

我的项目100%正常工作，直到我把它推到Github并克隆了它，突然我遇到了无数的“模块未找到：无法解决…”导入错误

这里有一个例子：

Module not found: Can't resolve './components' in '..src\layouts\Main'

Main.js

import { Sidebar, Topbar, Footer } from "./components";

文件夹结构

src
├── layouts
│   ├── Main
│   │   ├── components
│   │       ├── Footer
│   │           ├── Footer.js
│   │       ├── Sidebar
│   │           ├── Sidebar.js
│   │       ├── Topbar
│   │           ├── Topbar.js
│   │   ├── Main.js 

更新： 如何导入redux操作

src
├── redux
│   │   ├── actions
│   │       ├── dataActions.js
│   │       ├── userActions.js
|   | - store.js
|   | - types.js

---

任何帮助都将不胜感激

当文件夹

Footer

中有

index.js

文件时，只能使用组件名称导入

import { Sidebar, Topbar, Footer } from "./components";

您需要具有以下文件夹结构：

src
├── layouts
│   ├── Main
│   │   ├── components
│   │       ├── Footer
│   │           ├── index.js
│   │       ├── Sidebar
│   │           ├── index.js
│   │       ├── Topbar
│   │           ├── index.js
│   │   ├── Main.js 

已更新，因为问题已更新：

对于不同的redux操作，您可以在

actions

文件夹中有一个

index.js

文件，用于导入操作。像这样：

在actions中，使用以下操作创建index.js：

import { dataActions } from './dataActionts'
import { userActions } from './userActions'

---

在从

/Footer

、

/Sidebar

和

/Topbar

导出的组件中是否有

index.js

，或者不再需要它？在上面的示例中，我希望看到从

/components/Footer

导入的

Footer

。这似乎起到了作用，但是为什么它在克隆之前工作了这么久，克隆之后突然出现了错误，这仍然是一个谜。现在，对于导入redux操作，这将如何工作？我编辑了这篇文章。也许你安装了linter，哪个自动修复了，或者你在vs代码中设置了什么，哪个自动修复导入了？我更新了我的答案，以进行重复操作。啊！因此，在推送到Github&clone的过程中，允许使用绝对导入的jsconfig.json文件被删除了。谜团解开了，谢谢你的帮助！！