How can i solve this problem? None of these files exist: * ..\src\components\Main.jsx

Question

The full error message is: None of these files exist:

..\src\components\Main.jsx(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
..\src\components\Main.jsx\index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)

I have the file Main.jsx in ./src/components/Main.jsx but it doesnt detect it

The react native version is 0.71.3 The react version is 18.2.0 The node version is 18.14.2

I have tried using backwards slash but htat didnt solve the problem.

App.js

import React from 'react'
import Main from './src/components/Main.jsx'

export default function App() {
  return <Main />
}

Main.jsx

import React from 'react'
import { Text, View } from 'react-native'

const Main = () =>{
    return (
        <View>
            <Text>Hola Mundo</Text>
        </View>
    )
}

export default Main

Please provide enough code so others can better understand or reproduce the problem. — Community, Mar 05 '23 at 04:40
"didn't work" and "didn't solve the problem" are not very descriptive. Perhaps you should post the exact text of the error message you got. — Wyck, Mar 05 '23 at 04:45
that didn´t solve the problem and sorry this is the first question i ask, i´m still learning how to post correctly — ALEJANDRO VALENZUELA RUIZ, Mar 05 '23 at 04:50
Have you tried `npm start --clean-cache` as shown [here](https://stackoverflow.com/a/68620455/1563833)? Also, it's a little curious to me that your error starts with `..\src` And maybe just leave off the .jsx extension? — Wyck, Mar 05 '23 at 04:50
i just restart the metro bundler server and the problem was solved, thanks for your help — ALEJANDRO VALENZUELA RUIZ, Mar 05 '23 at 04:58

Mudasser · Answer 1 · 2023-03-05T05:27:34.073

0

If you are a Mac user try to check file name case sensitivity e.g if your file name is main.js and you are importing Main.js. Then it fails to detect files in mac machines sometime. Moreover try to check if pathname is correct and re-run the server after cleaning npm cache.

For cahce clean you can use command:

> npm cache clean –force

edited Mar 05 '23 at 05:27

answered Mar 05 '23 at 05:27

Mudasser

1
2

How can i solve this problem? None of these files exist: * ..\src\components\Main.jsx

1 Answers1