在 index.js 中找不到模块

Question

嗨，我在尝试导入组件时遇到此错误（我使用的是流类型）

这是我的ReloadScreenPayLater.component.js

/**
 * Reload Screen Component
 * @param {Props} onReload - reload Parameter
 * @return {React.Node} - return react component
 */
const ReloadScreenPaylater = ({ onReload }: Props): React.Node => (
  <ReloadScreen onReload={onReload} />
);

ReloadScreenPaylater.displayName = config.displayName;

export default ReloadScreenPaylater;

这是我在 ./src/Components/ReloadScreenPayLater/index.js 中的导出当我突出显示导出时，它显示 ReloadScreenPayLater.component.js

所以当我尝试运行应用程序或快照测试时它显示此错误

src/Screens/InOutPayLater/InOutPayLater.component.snap.test.js
  ● Test suite failed to run

    Cannot find module '../../Component/ReloadScreenPayLater' from 'src/Screens/InOutPayLater/InOutPayLater.component.snap.test.js'

      10 |   .mock('../../Components/InOutEmptyState', () => 'InOutEmptyState')
      11 | 
    > 12 |   .mock('../../Component/ReloadScreenPayLater', () => 'ReloadScreenPayLater');

我想要实现的是能够从这个路径 '../../Component/ReloadScreenPayLater'

导入组件

nb: 如果像这样导入就可以正常工作

import ReloadScreenPaylater from '../../Components/ReloadScreenPayLater/ReloadScreenPayLater.component';

Answer 1

对于默认导出（即 export default ReloadScreenPaylater = ...），我们应该改用这种导入样式。

import ReloadScreenPaylater from '../../Components/ReloadScreenPayLater/ReloadScreenPayLater.component';

对于命名导出（即export const ReloadScreenPaylater = ...），那么我们应该使用其他命名导入样式。

import { ReloadScreenPaylater } from '../../Components/ReloadScreenPayLater/ReloadScreenPayLater.component';

Answer 2

从 ES6 开始，您需要从它们的名称而不是 {default}

获取默认导出

使用这个：

import ReloadScreenPaylater from '../../Components/ReloadScreenPayLater/ReloadScreenPayLater.component';

或者，如果您已命名导出，则使用 import { Exported Named Component } from 'path'

在 index.js 中找不到模块

cannot find module in index.js

javascript

flowtype

react-native