Question 32955 in React native Question posted in
The official React Native documentation can be found here.

Unable to resolve "./src/screens/authScreens/SignInScreen" from "App.js" – React native

App.js:

import { StyleSheet, Text, View, StatusBar } from "react-native";
import { colors, parameters } from "./src/global/styles";

import SignInScreen from "./src/screens/authScreens/SignInScreen";

export default function App() {
  return (
    <View>
      <StatusBar barStyle="light-content" backgroundColor={colors.statusbar} />
      <SignInScreen />
    </View>
  );
}

const styles = StyleSheet.create({});

enter image description here

I want to import SignInScreen component from SignInScreen but it shows error
"" Unable to resolve "/src/screens/authScreens/SignInScreen" from "App.js"""

SignInScreen:

import React from "react";
import { View, Text, StyleSheet, Dimensions } from "react-native";
import { colors, parameters } from "../../global/styles";
import Icon from "react-native-vector-icons/Ionicons";
import Header from "../../components/Header";

export function SignInScreen() {
return (
    <View style={styles.container}>
    <Header title={"MY ACCOUNT"} type={"caret-back"} />
    <Text>hello to world</Text>
    </View>
);
}
const styles = StyleSheet.create({
container: {
    flex: 1,
},
});
Tags:

2

Answers


  1. 0

    import like this

    import {SignInScreen} from "./src/screens/authScreens/SignInScreen";

    Login or Signup to reply.
  2. 0

    if you use export default function, use below import

    export default function SignInScreen() {

//use below import 
import SignInScreen from "./src/screens/authScreens/SignInScreen";

    if you’re not use export default, use below import with {}

    export function SignInScreen() {

//use below import with {}
import {SignInScreen} from "./src/screens/authScreens/SignInScreen";
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search