Ios 在导入某些组件模块时，React本机应用程序崩溃

我的index.ts文件如下所示：

import StaffMembers from './StaffMembers';
import GuestMembers from './GuestMembers';
export {
  StaffMembers,
  GuestMembers,
};

我的文件夹结构看起来像

这是我的StaffMembers.tsx文件：

import React from 'react';
import { AppDivider, CustomLabel } from '.';
import { View } from 'react-native-animatable';
import styles from '../styles';
import { Dropdown, TextInput, Label } from '../../../../components';

const StaffMembers: React.FC<{
  member: string;
  organisation: string;
  orgLabel: string;
  canDelete: () => void;
  errors: any;
  onDelete: () => void;
  onValueUpdate: (updated: any) => void;
  options: any[];
  onDropdownStateChange: () => void;
  zIndex: number;
  onBlur: (fieldName: string) => void;
}> = ({
  member,
  organisation,
  orgLabel,
  canDelete,
  errors = {},
  onDelete = () => {},
  onValueUpdate = () => {},
  options = [],
  zIndex = 1,
  onBlur = () => console.log(),
}) => {
  return (
    <View style={[styles.listItem, { zIndex }]}>
      <View style={{ flex: 1 }}>
        <Dropdown
          label={
            canDelete ? (
              <CustomLabel
                title={<Label title='Staff Member' required />}
                onDelete={onDelete}
              />
            ) : (
              'Staff Member'
            )
          }
          data={options}
          onSelectItem={item => onValueUpdate({ member: item.value, ...item })}
          errorMessage={errors.member}
          value={member}
          onBlur={() => onBlur('member')}
          required
        />
      </View>

      <View style={{ flex: 1 }}>
        <TextInput
          disabled={true}
          label={'Employee ID'}
          value={organisation}
          errorMessage={errors.organisation}
          onChangeText={(val: string) => onValueUpdate({ organisation: val })}
        />
      </View>
      <AppDivider />
    </View>
  );
};

export default StaffMembers;

但是，当我的应用程序屏幕需要加载组件时，它会崩溃，出现以下错误：

当我编辑组件的文件并再次保存时，应用程序运行良好

---

导入组件时是否缺少任何内容？还是别的什么？

错误清楚地表明您没有导出组件/屏幕， 您正在导入StaffMembers和GuestMembers，它们是模块，而不是嵌套在文件中的类或组件，以解决此问题： 在../request/components的根目录和

index.js

文件内创建

index.js

文件： 从“/StaffMembers”导入StaffMembers； 从“/GuestMembers”导入GuestMembers

出口{ 工作人员：， 宾客成员 };

---

现在，您可以根据需要轻松导入模块。

您能给我看一下您的组件文件吗？我已经编辑了问题，请检查。请检查我编辑的问题。文件夹结构已采用建议的格式。能否在StaffMembers.tsx代码中共享您的代码？更新的问题，请检查。

import { StaffMembers, GuestMembers } from '../request/components';