Error in default export React Native using CRNA/Expo?

Question

Now this might be sound silly question, but this happened to me twice. It was working before perfectly but after I renamed the file, it gives me error

Element type is invalid expected a string(for built-in components) or a 
class/function (for composite components) but got: undefined. You likely forgot to 
export your component from the file it's defined in.

Here's my structure.

* App.js
* src
  - screens
    - Main
      - index.js
      - Main.js

index.js

import Main from './Main';
export default Main;

Main.js

const Main = () => null;
export default Main;

App.js

import Main from './src/screens/Main/index';

I am using latest version of CRNA & EXPO. I know it has nothing to do with it, but still.

Try returning blank View instead of null, like this `const Main = () => ` — Bilal Budhani, Nov 01 '17 at 07:50
Its not the issue. I am actually returning some markup. I just posted this as the simple version of my problem. — deadcoder0904, Nov 01 '17 at 07:51
Also, if I `console.log(Main);`, I get `[Function Main]` which is correct but exporting it results in a problem. It was working alright till I renamed `Home` to `Main` — deadcoder0904, Nov 01 '17 at 07:54
Whoops, got the answer. It was an err on my side. I deleted a component & was importing it. — deadcoder0904, Nov 01 '17 at 07:56

score 0 · Answer 1 · answered Nov 01 '17 at 08:08

0

I was importing another property in Main.js which did not exist like -

import { DoesNotExist } from './src/components/index';

So that was giving the error.

answered Nov 01 '17 at 08:08

deadcoder0904

7,232
12
66
163

Error in default export React Native using CRNA/Expo?

index.js

Main.js

App.js

1 Answers1