时间戳

首页 > 解决方案 > Reactjs + VSC 突然出现巨大的“未找到模块”错误

javascript - Reactjs + VSC 突然出现巨大的“未找到模块”错误

问题描述

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

这里有 1 个例子：

Module not found: Can't resolve './components' in '..src\layouts\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

任何帮助将不胜感激！

标签： javascriptreactjsvisual-studiogithubvisual-studio-code

解决方案

index.js当文件夹中有文件时，您只能使用组件名称导入Footer。

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

你需要有这个文件夹结构：

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

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

对于不同的 redux 操作，您可以在文件夹中有一个index.js文件actions，用于导入操作。像这样：

在操作中创建带有操作的 index.js：

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

推荐阅读