not working on web

[MostafaTaghipour]

hello brother,
i clone your repository and add dependencies
its work very well on native
but not working on the web

on native :

on web :

can you help me please

[henninghall]

Hi! Have you made any changes to the code or did you only cloned it?

[MostafaTaghipour]

Hi there
I just cloned it

[baijifeilong]

I have the same problem. About react-navigation.

[henninghall]

Unfortunately I have no time looking into this but if you solve it, it is very appreciated if you share your solution here or make a PR 🙂

[baijifeilong]

It has taken me ten hours to resolve it. However it failed. I am a newbie. It worked without react-navigation. Maybe a react-app-rewired is required to process React tag.

[baijifeilong]

yarn run v1.16.0
$ react-scripts build
Browserslist: caniuse-lite is outdated. Please run next command `yarn upgrade caniuse-lite browserslist`
Creating an optimized production build...
Failed to compile.

./node_modules/@react-navigation/native/dist/ResourceSavingSceneView.js
SyntaxError: /Users/bj/workspace/java/jkhh/nurse-plus-plus/nursepp-react/node_modules/@react-navigation/native/dist/ResourceSavingSceneView.js: Unexpected token (35:11)

  33 |     } = this.props;
  34 |
> 35 |     return <View style={styles.container} collapsable={false} removeClippedSubviews={Platform.OS === 'android' ? removeClippedSubviews : !isFocused && removeClippedSubviews}>
     |            ^
  36 |         <View style={this._mustAlwaysBeVisible() || isFocused ? styles.innerAttached : styles.innerDetached}>
  37 |           {awake ? <SceneView {...rest} navigation={childNavigation} /> : null}
  38 |         </View>


error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

[bkniffler]

create react app and react-scripts is not a good foundation for this since node_modules will need to be transpiled, which will only work if you can customize webpack. NextJS would be a better option, or just simple webpack without any framework/utilities wrapping it.