需求周期: src\components\Login\Login.tsx -> src\components\Login\index.ts -> src\components\Login\Login.tsx

Question

我做错了什么，为什么我会收到错误信息：

Require cycle: src\components\Login\Login.tsx -> src\components\Login\index.ts -> src\components\Login\Login.tsx

Require cycles are allowed, but can result in uninitialized values. Consider refactoring to remove the need for a cycle.

登录：

const Login = () => {
 ...
};

export default Login;

风格：

export const s = StyleSheet.create({...})

Model.ts

interface ILogin {
 test: boolean;
}

index.ts

import Login from "./Login";
import { ILogin } from "./Model";
import { s } from './Style';

export {
  Login,
  ILogin,
  s
};

有谁能帮我解决这个问题吗？

欧元:我在登录中的导入：

import React from 'react';
import { Text, View, Image, Dimensions } from 'react-native';
import { Button } from '../Button';
import { Input } from '../Input';
import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
import LottoView from 'lottie-react-native';
import Ionicons from '@expo/vector-icons/Ionicons';
import Feather from '@expo/vector-icons/Feather';
import { InputStyles } from '../Input';
import { ButtonStyles } from '../Button';
import { globalStyles } from '../../shared/GlobalStyles';
import { useTranslation } from 'react-i18next';
import { useNavigation } from '@react-navigation/native';
import { ILogin } from './Model';
import { s } from './Style';

Answer 1

这个周期意味着您的login.tsx从index.tsx/./中导入一些东西，这反过来又会导入您的login.tsx。因此，您的login.tsx依赖于自身，为了解决这个循环，您应该通过显式导入所需的文件来替换import … from './'。