React Flow: Cannot resolve module react-native

Question

I have started a React Native project from scratch and configured Flow.

When I run npm run flow everything works fine except a small problem with the react-native module:

Cannot resolve module react-native.

I am using:

"react": "16.3.1",
"react-native": "0.55.3",
"flow-bin": "0.74.0"

My .flowconfig is:

[ignore]
.*/node_modules/.*
.*/.cache/.*
.*/test/.*

[include]

[libs]

[lints]

[options]

[strict]

Tried with "flow-typed": "2.4.0" but didn't work.

I found the following issue but there aren't any solutions :/

Did you used . create-react-app tool to create seeds and then after did npm i somepack? — RIYAJ KHAN
– RIYAJ KHAN, Commented Jun 8, 2018 at 15:31
No, that all. I am using the Flow extension for Visual Studio Code but I don't think this makes sense. — Hristo Eftimov
– Hristo Eftimov, Commented Jun 8, 2018 at 15:38
I initialized blank expo app, installed flow-bin, initialized empty .flowconfig file, added @flow to App.js and executed npx flow - everything seems to be working. Have I missed anything to reproduce your issue? — amankkg
– amankkg, Commented Jun 8, 2018 at 21:55

Robbie Milejczak · Accepted Answer · 2018-09-26 15:18:19Z

6

You need to add a type definition for react-native.

Create a folder called type-def-lib in your project root and inside create a file called react-native.js with these contents

declare module 'react-native' {
  declare module.exports: any
}

Then in your .flowconfig add that folder under libs:

[libs]
./type-def-libs

Now yarn run flow should produce no errors.

answered Sep 26, 2018 at 15:18

Robbie Milejczak

5,8203 gold badges37 silver badges68 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Thomas G Henry LLC Over a year ago

What does this actually do? Thanks!

Robbie Milejczak Over a year ago

it provides a "libdef" for the react-native module, I am not sure why it works at all as libdefs are not necessary but you can read the documentation about the process here: flow.org/en/docs/libdefs as far as I know, flow does the exact process above automatically for all librarys that do not have type declarations (setting them to any) so I'm gonna assume that the current react native flow type declaration has some sort of bug and this explicit any declaration overrides that.

Fanchen Bao · Accepted Answer · 2021-08-18 20:11:43Z

0

In the latest version flow-bin (0.157.0), this problem can be resolved by removing .*/node_modules/.* from [ignore]

answered Aug 18, 2021 at 20:11

Fanchen Bao

4,3594 gold badges25 silver badges48 bronze badges

Collectives™ on Stack Overflow

React Flow: Cannot resolve module react-native

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related