Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] npm install and yarn start not working #24

Closed
moshetanzer opened this issue May 22, 2023 · 6 comments
Closed

[Bug] npm install and yarn start not working #24

moshetanzer opened this issue May 22, 2023 · 6 comments

Comments

@moshetanzer
Copy link

Version

latest

Reproduction link

https://goldbergmoshe-cuddly-space-guide-rx5qg49v6573pj4v.github.dev/

Operating System

win11

Device

laptop

Browser & Version

chrome latest

Steps to reproduce

with npm wont install - son installed with yarn
then installed expo
then did yarn start and w

What is expected?

to start the app

What is actually happening?

browser empty
[object Object]
WARNING in ./node_modules/@react-native-community/masked-view/js/MaskedView.js:14:22
export 'requireNativeComponent' (imported as 'requireNativeComponent') was not found in 'react-native-web/dist/index' (possible exports: AccessibilityInfo, ActivityIndicator, Alert, Animated, AppRegistry, AppState, Appearance, BackHandler, Button, CheckBox, Clipboard, DeviceEventEmitter, DeviceInfo, Dimensions, DrawerLayoutAndroid, Easing, FlatList, I18nManager, Image, ImageBackground, InputAccessoryView, InteractionManager, Keyboard, KeyboardAvoidingView, LayoutAnimation, Linking, LogBox, Modal, NativeEventEmitter, NativeModules, PanResponder, PermissionsAndroid, Picker, PixelRatio, Platform, Pressable, ProgressBar, RefreshControl, SafeAreaView, ScrollView, SectionList, Settings, Share, StatusBar, StyleSheet, Switch, Systrace, TVEventHandler, Text, TextInput, ToastAndroid, Touchable, TouchableHighlight, TouchableNativeFeedback, TouchableOpacity, TouchableWithoutFeedback, UIManager, Vibration, View, VirtualizedList, YellowBox, findNodeHandle, processColor, render, unmountComponentAtNode, unstable_createElement, useColorScheme, useWindowDimensions)
12 | import { View, StyleSheet, requireNativeComponent } from 'react-native';
13 |

14 | const RNCMaskedView = requireNativeComponent('RNCMaskedView');
| ^
15 |
16 | import { type MaskedViewProps } from './MaskedViewTypes';
17 |

web compiled with 1 warning


Solution

fix whatever is wrong with this
/node_modules/@react-native-community/masked-view/js/MaskedView.js:14:22

Additional comments

@moshetanzer
Copy link
Author

Following up on this?

@Iragne
Copy link

Iragne commented Jun 6, 2023

any update ?

@gitsmitty
Copy link

Some npm issues here. Any resolution?

npm resolution error report

While resolving: @react-native-community/masked-view@0.1.10
Found: react@17.0.2
node_modules/react
react@"17.0.2" from the root project
peer react@"" from @react-navigation/core@5.16.1
node_modules/@react-navigation/core
@react-navigation/core@"^5.15.3" from @react-navigation/native@5.9.4
node_modules/@react-navigation/native
@react-navigation/native@"5.9.4" from the root project
peer @react-navigation/native@"^5.0.5" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer @react-navigation/native@"^5.0.5" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
peer react@"
" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer react@"" from @react-navigation/native@5.9.4
node_modules/@react-navigation/native
@react-navigation/native@"5.9.4" from the root project
peer @react-navigation/native@"^5.0.5" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer @react-navigation/native@"^5.0.5" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
peer react@"
" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
peer react@"17.0.2" from react-dom@17.0.2
node_modules/react-dom
react-dom@"17.0.2" from the root project
peer react-dom@">=17.0.1" from react-native-web@0.17.7
node_modules/react-native-web
react-native-web@"0.17.7" from the root project
peer react@"^17.0.0" from react-freeze@1.0.0
node_modules/react-freeze
react-freeze@"^1.0.0" from react-native-screens@3.11.1
node_modules/react-native-screens
react-native-screens@"3.11.1" from the root project
peer react-native-screens@">= 2.0.0-alpha.0 || >= 2.0.0-beta.0 || >= 2.0.0" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer react-native-screens@">= 2.0.0-alpha.0 || >= 2.0.0-beta.0 || >= 2.0.0" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
peer react@"17.0.2" from react-native@0.68.2
node_modules/react-native
react-native@"0.68.2" from the root project
peer react-native@"^0.0.0-0 || 0.60 - 0.68 || 1000.0.0" from @react-native-async-storage/async-storage@1.17.3
node_modules/@react-native-async-storage/async-storage
@react-native-async-storage/async-storage@"1.17.3" from the root project
peer react-native@"" from @react-native-community/cli@7.0.4
node_modules/@react-native-community/cli
@react-native-community/cli@"^7.0.3" from react-native@0.68.2
peer react-native@">=0.57" from @react-native-community/masked-view@0.1.10
node_modules/@react-native-community/masked-view
@react-native-community/masked-view@"0.1.10" from the root project
peer @react-native-community/masked-view@">= 0.1.0" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
peer react-native@"
" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer react-native@"" from @react-navigation/native@5.9.4
node_modules/@react-navigation/native
@react-navigation/native@"5.9.4" from the root project
peer @react-navigation/native@"^5.0.5" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer @react-navigation/native@"^5.0.5" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
peer react-native@"
" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
peer react-native@">=0.42.0" from react-native-iphone-x-helper@1.3.1
node_modules/react-native-iphone-x-helper
react-native-iphone-x-helper@"^1.3.0" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
react-native-iphone-x-helper@"^1.3.0" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
react-native-iphone-x-helper@"^1.0.3" from react-native-keyboard-aware-scroll-view@0.9.4
node_modules/react-native-keyboard-aware-scroll-view
react-native-keyboard-aware-scroll-view@"0.9.4" from the root project
peer react-native@">=0.48.4" from react-native-keyboard-aware-scroll-view@0.9.4
node_modules/react-native-keyboard-aware-scroll-view
react-native-keyboard-aware-scroll-view@"0.9.4" from the root project
peer react-native@"" from react-native-pager-view@5.4.15
node_modules/react-native-pager-view
react-native-pager-view@"5.4.15" from the root project
peer react-native@"
" from react-native-reanimated@2.8.0
node_modules/react-native-reanimated
react-native-reanimated@"2.8.0" from the root project
peer react-native-reanimated@">= 1.0.0" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer react-native@"" from react-native-safe-area-context@4.2.4
node_modules/react-native-safe-area-context
react-native-safe-area-context@"4.2.4" from the root project
peer react-native-safe-area-context@">= 0.6.0" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer react-native-safe-area-context@">= 0.6.0" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
peer react-native@"
" from react-native-screens@3.11.1
node_modules/react-native-screens
react-native-screens@"3.11.1" from the root project
peer react-native-screens@">= 2.0.0-alpha.0 || >= 2.0.0-beta.0 || >= 2.0.0" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer react-native-screens@">= 2.0.0-alpha.0 || >= 2.0.0-beta.0 || >= 2.0.0" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
peer react@"" from react-native-pager-view@5.4.15
node_modules/react-native-pager-view
react-native-pager-view@"5.4.15" from the root project
peer react@"
" from react-native-reanimated@2.8.0
node_modules/react-native-reanimated
react-native-reanimated@"2.8.0" from the root project
peer react-native-reanimated@">= 1.0.0" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer react@"" from react-native-safe-area-context@4.2.4
node_modules/react-native-safe-area-context
react-native-safe-area-context@"4.2.4" from the root project
peer react-native-safe-area-context@">= 0.6.0" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer react-native-safe-area-context@">= 0.6.0" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
peer react@"
" from react-native-screens@3.11.1
node_modules/react-native-screens
react-native-screens@"3.11.1" from the root project
peer react-native-screens@">= 2.0.0-alpha.0 || >= 2.0.0-beta.0 || >= 2.0.0" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer react-native-screens@">= 2.0.0-alpha.0 || >= 2.0.0-beta.0 || >= 2.0.0" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
peer react@">=17.0.1" from react-native-web@0.17.7
node_modules/react-native-web
react-native-web@"0.17.7" from the root project
peer react@"^16.0.0 || ^17.0.0" from react-shallow-renderer@16.14.1
node_modules/react-shallow-renderer
react-shallow-renderer@"16.14.1" from react-native@0.68.2
node_modules/react-native
react-native@"0.68.2" from the root project
peer react-native@"^0.0.0-0 || 0.60 - 0.68 || 1000.0.0" from @react-native-async-storage/async-storage@1.17.3
node_modules/@react-native-async-storage/async-storage
@react-native-async-storage/async-storage@"1.17.3" from the root project
peer react-native@"" from @react-native-community/cli@7.0.4
node_modules/@react-native-community/cli
@react-native-community/cli@"^7.0.3" from react-native@0.68.2
peer react-native@">=0.57" from @react-native-community/masked-view@0.1.10
node_modules/@react-native-community/masked-view
@react-native-community/masked-view@"0.1.10" from the root project
peer @react-native-community/masked-view@">= 0.1.0" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
peer react-native@"
" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer react-native@"" from @react-navigation/native@5.9.4
node_modules/@react-navigation/native
@react-navigation/native@"5.9.4" from the root project
peer @react-navigation/native@"^5.0.5" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer @react-navigation/native@"^5.0.5" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
peer react-native@"
" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
peer react-native@">=0.42.0" from react-native-iphone-x-helper@1.3.1
node_modules/react-native-iphone-x-helper
react-native-iphone-x-helper@"^1.3.0" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
react-native-iphone-x-helper@"^1.3.0" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
react-native-iphone-x-helper@"^1.0.3" from react-native-keyboard-aware-scroll-view@0.9.4
node_modules/react-native-keyboard-aware-scroll-view
react-native-keyboard-aware-scroll-view@"0.9.4" from the root project
peer react-native@">=0.48.4" from react-native-keyboard-aware-scroll-view@0.9.4
node_modules/react-native-keyboard-aware-scroll-view
react-native-keyboard-aware-scroll-view@"0.9.4" from the root project
peer react-native@"" from react-native-pager-view@5.4.15
node_modules/react-native-pager-view
react-native-pager-view@"5.4.15" from the root project
peer react-native@"
" from react-native-reanimated@2.8.0
node_modules/react-native-reanimated
react-native-reanimated@"2.8.0" from the root project
peer react-native-reanimated@">= 1.0.0" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer react-native@"" from react-native-safe-area-context@4.2.4
node_modules/react-native-safe-area-context
react-native-safe-area-context@"4.2.4" from the root project
peer react-native-safe-area-context@">= 0.6.0" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer react-native-safe-area-context@">= 0.6.0" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
peer react-native@"
" from react-native-screens@3.11.1
node_modules/react-native-screens
react-native-screens@"3.11.1" from the root project
peer react-native-screens@">= 2.0.0-alpha.0 || >= 2.0.0-beta.0 || >= 2.0.0" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer react-native-screens@">= 2.0.0-alpha.0 || >= 2.0.0-beta.0 || >= 2.0.0" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
react-shallow-renderer@"^16.13.1" from react-test-renderer@17.0.2
node_modules/react-test-renderer
react-test-renderer@"~17.0.2" from jest-expo@45.0.0
node_modules/jest-expo
dev jest-expo@"45.0.0" from the root project
peer react@"17.0.2" from react-test-renderer@17.0.2
node_modules/react-test-renderer
react-test-renderer@"~17.0.2" from jest-expo@45.0.0
node_modules/jest-expo
dev jest-expo@"45.0.0" from the root project
peer react@"^16.8.0 || ^17.0.0" from use-subscription@1.5.1
node_modules/use-subscription
use-subscription@">=1.0.0 <1.6.0" from react-native@0.68.2
node_modules/react-native
react-native@"0.68.2" from the root project
peer react-native@"^0.0.0-0 || 0.60 - 0.68 || 1000.0.0" from @react-native-async-storage/async-storage@1.17.3
node_modules/@react-native-async-storage/async-storage
@react-native-async-storage/async-storage@"1.17.3" from the root project
peer react-native@"" from @react-native-community/cli@7.0.4
node_modules/@react-native-community/cli
@react-native-community/cli@"^7.0.3" from react-native@0.68.2
peer react-native@">=0.57" from @react-native-community/masked-view@0.1.10
node_modules/@react-native-community/masked-view
@react-native-community/masked-view@"0.1.10" from the root project
peer @react-native-community/masked-view@">= 0.1.0" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
peer react-native@"
" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer react-native@"" from @react-navigation/native@5.9.4
node_modules/@react-navigation/native
@react-navigation/native@"5.9.4" from the root project
peer @react-navigation/native@"^5.0.5" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer @react-navigation/native@"^5.0.5" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
peer react-native@"
" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
peer react-native@">=0.42.0" from react-native-iphone-x-helper@1.3.1
node_modules/react-native-iphone-x-helper
react-native-iphone-x-helper@"^1.3.0" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
react-native-iphone-x-helper@"^1.3.0" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
react-native-iphone-x-helper@"^1.0.3" from react-native-keyboard-aware-scroll-view@0.9.4
node_modules/react-native-keyboard-aware-scroll-view
react-native-keyboard-aware-scroll-view@"0.9.4" from the root project
peer react-native@">=0.48.4" from react-native-keyboard-aware-scroll-view@0.9.4
node_modules/react-native-keyboard-aware-scroll-view
react-native-keyboard-aware-scroll-view@"0.9.4" from the root project
peer react-native@"" from react-native-pager-view@5.4.15
node_modules/react-native-pager-view
react-native-pager-view@"5.4.15" from the root project
peer react-native@"
" from react-native-reanimated@2.8.0
node_modules/react-native-reanimated
react-native-reanimated@"2.8.0" from the root project
peer react-native-reanimated@">= 1.0.0" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer react-native@"" from react-native-safe-area-context@4.2.4
node_modules/react-native-safe-area-context
react-native-safe-area-context@"4.2.4" from the root project
peer react-native-safe-area-context@">= 0.6.0" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer react-native-safe-area-context@">= 0.6.0" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project
peer react-native@"
" from react-native-screens@3.11.1
node_modules/react-native-screens
react-native-screens@"3.11.1" from the root project
peer react-native-screens@">= 2.0.0-alpha.0 || >= 2.0.0-beta.0 || >= 2.0.0" from @react-navigation/drawer@5.12.5
node_modules/@react-navigation/drawer
@react-navigation/drawer@"5.12.5" from the root project
peer react-native-screens@">= 2.0.0-alpha.0 || >= 2.0.0-beta.0 || >= 2.0.0" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project

Could not resolve dependency:
peer react@"^16.0" from @react-native-community/masked-view@0.1.10
node_modules/@react-native-community/masked-view
@react-native-community/masked-view@"0.1.10" from the root project
peer @react-native-community/masked-view@">= 0.1.0" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project

Conflicting peer dependency: react@16.14.0
node_modules/react
peer react@"^16.0" from @react-native-community/masked-view@0.1.10
node_modules/@react-native-community/masked-view
@react-native-community/masked-view@"0.1.10" from the root project
peer @react-native-community/masked-view@">= 0.1.0" from @react-navigation/stack@5.14.5
node_modules/@react-navigation/stack
@react-navigation/stack@"5.14.5" from the root project

Fix the upstream dependency conflict, or retry
this command with --force or --legacy-peer-deps
to accept an incorrect (and potentially broken) dependency resolution.

@moshetanzer
Copy link
Author

moshetanzer commented Jul 18, 2023 via email

@gitsmitty
Copy link

Rough, was about to purchase the Pro Version from Tim Creative https://www.creative-tim.com/product/soft-ui-pro-react-native/?ref=suprn-landing-nav&_ga=2.202916177.1149431945.1689640773-2110405231.1686760973.

I think it is a no go unless someone can speak up here.

@moshetanzer
Copy link
Author

moshetanzer commented Jul 19, 2023 via email

@moshetanzer moshetanzer closed this as not planned Won't fix, can't repro, duplicate, stale Mar 7, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants