Flow: react-native and flow

[daniele-zurico]

Hi there,
I just installed flow but when I run it I found:
```npm run flow

[email protected] flow /Users/danielezurico/Desktop/AwesomeProject
flow

Launching Flow server for /Users/danielezurico/Desktop/AwesomeProject
Spawned flow server (pid=30814)
Logs will go to /private/tmp/flow/zSUserszSdanielezZuricozSDesktopzSAwesomeProject.log
Monitor logs will go to /private/tmp/flow/zSUserszSdanielezZuricozSDesktopzSAwesomeProject.monitor_log
Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈ node_modules/xdl/build/detach/AndroidShellApp.js.flow:244:1

Unable to determine module type (CommonJS vs ES) if both an export statement and module.exports are used in the same
module!

 241│   );
 242│ }
 243│
 244│ export async function copyInitialShellAppFilesAsync(
 245│   androidSrcPath,
 246│   shellPath,
 247│   isDetached: boolean = false
 248│ ) {
 249│   const _exponentDirectory = exponentDirectory();
 250│   if (_exponentDirectory) {
 251│     await spawnAsync(`../../tools-public/generate-dynamic-macros-android.sh`, [], {
 252│       pipeToLogger: true,
 253│       loggerFields: { buildPhase: 'generating dynamic macros' },
 254│       cwd: path.join(_exponentDirectory, 'android', 'app'),
 255│       env: {
 256│         ...process.env,
 257│         JSON_LOGS: '0',
 258│       },
    :
 276│     await copyToShellApp('ReactAndroid');
 277│   }
 278│
 279│   await copyToShellApp('android.iml');
 280│   await copyToShellApp('app');
 281│   await copyToShellApp('build.gradle');
 282│   await copyToShellApp('gradle');
 283│   await copyToShellApp('gradle.properties');
 284│   await copyToShellApp('gradlew');
 285│   await copyToShellApp('settings.gradle');
 286│   await copyToShellApp('maven');
 287│   await copyToShellApp('debug.keystore');
 288│   await copyToShellApp('run.sh');
 289│   await copyToShellApp('detach-scripts');
 290│ }
 291│
 292│ exports.createAndroidShellAppAsync = async function createAndroidShellAppAsync(args: any) {
 293│   let {

Found 1 error
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] flow: flow
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected] flow script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/danielezurico/.npm/_logs/2018-07-09T09_59_30_231Z-debug.log

the project has been created with `create-react-native-app AwesomeProject`.

package.json:

{
"name": "AwesomeProject",
"version": "0.1.0",
"private": true,
"devDependencies": {
"flow-bin": "^0.76.0",
"jest-expo": "~27.0.0",
"react-native-scripts": "1.14.0",
"react-test-renderer": "16.3.1"
},
"main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
"scripts": {
"start": "react-native-scripts start",
"eject": "react-native-scripts eject",
"android": "react-native-scripts android",
"ios": "react-native-scripts ios",
"test": "jest",
"flow": "flow",
"flow-stop": "flow stop"
},
"jest": {
"preset": "jest-expo"
},
"dependencies": {
"expo": "^27.0.1",
"react": "16.3.1",
"react-native": "~0.55.2"
}
}

.flowconfig:

[ignore]

[include]

[libs]

[lints]

[options]

[strict]
```

Environment:
node -v
v8.11.1

OS:
Mac Os High Sierra 10.13.5

[nbodinripert]

Same problem, any solution?

[daniele-zurico]

@nbodinripert I think I fixed...I wrote a post... have a look: https://www.dzurico.com/react-native-and-flow/

[nbodinripert]

Thanks a lot, your solution works perfectly!

[daniele-zurico]

@nbodinripert a comment on the post is appreciated ;)

[natasha08n]

the link to the blog post has changed, the new one is https://www.dzurico.com/blog/react-native-and-flow