Javascript 从react js中的子文件夹导入模块

您好，我正在学习ReactJs，我正在尝试从react中的子文件夹导入一个模块，这是我的文件夹结构

-src
---components
-----layout
-------Header.js
-------Navigation.js
-----fakeAuth.js

在Header.js模块中，我试图从父级（组件）导入fakeAuth，但它似乎无法调用模块，或者我只是缺少了什么

我已经尝试了以下方法

import fakeAuth from './fakeAuth'
import fakeAuth from '././fakeAuth'
import fakeAuth from '../../fakeAuth'

还是没有运气，我知道这对一些人来说很容易。谢谢

这里是我的fakeAuth.js，它来自react router dom教程

module.exports  = {
    isAuthenticated: false,
    authenticate(cb) {
      this.isAuthenticated = true;
      setTimeout(cb, 100); // fake async
    },
    signout(cb) {
      this.isAuthenticated = false;
      setTimeout(cb, 100);
    }
  };

---

由于您使用的是

module.exports

，因此可以在

Header.js中以以下方式导入：

import { isAuthenticated, authenticate, signout  } from "../fakeAuth";

由于您使用的是
模块.exports
，因此可以在
Header.js中以以下方式导入：

import { isAuthenticated, authenticate, signout  } from "../fakeAuth";

应该是
从“../fakeAuth”导入fakeAuth

您只需在有fakeAuth.js文件的地方打开一个文件夹。添加“..”可以做到这一点。
它应该是
从“../fakeAuth”导入fakeAuth

您只需在有fakeAuth.js文件的地方打开一个文件夹。添加“..”可以做到这一点。
找不到模块：您试图导入../../../fakeAuth.js，它不在项目src/目录中。您可以发布fakeAuth.js中的内容吗？你在那里导出了什么吗？编辑：因为我现在看到了你的编辑，所以导入应该是“../faceAuth”`对不起，我用与布局目录相同的路径编辑了fakeAuth.js的位置。我可以在同一目录或从一个partent调用fakeAuth模块，但不能从子目录调用它。在您的场景wrt文件夹结构中，../faceAuth应该可以工作。应该有一些关于faceauthModule的信息找不到：您试图导入../../../fakeAuth.js，它不在项目src/目录中。您可以发布fakeAuth.js中的内容吗？你在那里导出了什么吗？编辑：因为我现在看到了你的编辑，所以导入应该是“../faceAuth”`对不起，我用与布局目录相同的路径编辑了fakeAuth.js的位置。我可以在同一目录或从一个partent调用fakeAuth模块，但不能从子目录调用它。在您的场景wrt文件夹结构中，../faceAuth应该可以工作。你的FaceAuthThank Div应该有些东西，但是@G_S首先帮助了我。没问题，如果你想导入模块的内容，这可能会有所帮助；）谢谢Div，但是@G_S首先帮助了我。没问题，如果您希望导入模块的内容，这可能会有所帮助；）