Question

应用 .js 文件

import React from 'react';
import Providers from './navRoutes';

const App = () => {
  return <Providers />;
};

export default App;

身份验证堆栈文件

import React from 'react';
import {NavigationContainer} from '@react-navigation/native';
import {createStackNavigator} from '@react-navigation/stack';
import LoginScreen from './screens/LoginScreen';
import SignUpScreen from './screens/SignUpScreen';
import SplashScreen from './screens/SplashScreen';
import HomeScreen from './screens/HomeScreen';

const Stack = createStackNavigator();

const AuthStack = () => {
  return (
    <NavigationContainer>
      <Stack.Navigator headerMode="none">
        <Stack.Screen name="Splash" component={SplashScreen} />
        <Stack.Screen name="Login" component={LoginScreen} />
        <Stack.Screen name="Signup" component={SignUpScreen} />
        <Stack.Screen name="Home" component={HomeScreen} />
      </Stack.Navigator>
    </NavigationContainer>
  );
};

export default AuthStack;

路由文件

import React from 'react';
import {NavigationContainer} from '@react-navigation/native';
import AuthStack from './AuthStack';

const Routes = () => {
  return (
    <NavigationContainer>
      <AuthStack />
    </NavigationContainer>
  );
};

export default Routes;

索引文件

import React from 'react';
import Routes from './Routes';

const Providers = () => {
  return (
    // <AuthProvider>
    <Routes />
    // {/* </AuthProvider> */}
  );
};

export default Providers;

所有文件都是 .js 文件，它们都在 navRoutes 文件夹中，除了 app.js 文件。 app.js 和 navRoutes 在同一目录下

错误

<块引用>

错误：错误：无法解析模块 ./navRoutes D:\Programs\React Native\Sucessfully Project\Image Art Gallery\ImageGallery\App.js:

navRoutes\index(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|. android.tsx|.native.tsx|.tsx) 1 |从“反应”导入反应；

<块引用>

2 |从“./navRoutes”导入提供者； | ^ 3 | 4 | const App = () => { 5 |返回 ; 在 ModuleResolver.resolveDependency (D:\Programs\React Native\Sucessfully Project\Image Art Gallery\ImageGallery\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:211:15) 在 DependencyGraph.resolveDependency (D:\Programs\React Native\Sucessfully Project\Image Art Gallery\ImageGallery\node_modules\metro\src\node-haste\DependencyGraph.js:413:43) 在 Object.resolve (D:\Programs\React Native\Sucessfully Project\Image Art Gallery\ImageGallery\node_modules\metro\src\lib\transformHelpers.js:317:42) 在解析 (D:\Programs\React Native\Sucessfully Project\Image Art Gallery\ImageGallery\node_modules\metro\src\DeltaBundler\traverseDependencies.js:629:33) 在 D:\Programs\React Native\Sucessfully Project\Image Art Gallery\ImageGallery\node_modules\metro\src\DeltaBundler\traverseDependencies.js:645:26 在 Array.reduce() 在 resolveDependencies (D:\Programs\React Native\Sucessfully Project\Image Art Gallery\ImageGallery\node_modules\metro\src\DeltaBundler\traverseDependencies.js:644:33) 在 D:\Programs\React Native\Sucessfully Project\Image Art Gallery\ImageGallery\node_modules\metro\src\DeltaBundler\traverseDependencies.js:329:33 在 Generator.next() 在 asyncGeneratorStep (D:\Programs\React Native\Sucessfully Project\Image Art Gallery\ImageGallery\node_modules\metro\src\DeltaBundler\traverseDependencies.js:137:24)

错误：无法解析模块 ./navRoutes

0 个答案: