反应本机开发服务器错误500

Question

嘿，我试图在React-native中制作我的第一个应用程序，并且在尝试安装react-navigation和react-navigation堆栈后遇到问题。

当我尝试运行react-native启动时，出现此错误：

 BUNDLE  [android, dev] ./index.js ▓▓▓▓▓▓▓▓▓░░░░░░░ 57.2% (431/570)::ffff:127.0.0.1 - - [19/Feb/2020:23:06:17 +0000] "GET /index.bundle?platform=android&dev=true&minify=false HTTP/1.1" 500 - "-" "okhttp/3.12.1"
error: bundling failed: Error: Unable to resolve module `@react-native-community/masked-view` from `node_modules/react-navigation-stack/lib/module/vendor/views/MaskedView.native.js`: @react-native-community/masked-view could not be found within the project.

但是我在我的node modules文件夹中有react-native-community，并尝试再次安装它，但是当我执行npm install react-native-community时，它似乎不存在。

我也不知道这是否相关，但是当我做本地反应时，运行android它在应用程序：installDebug步骤中卡住了99％。

编辑：已修复需要npm install @ react-native-community / masked-view

Answer 1

将此安装到您的项目中

expo安装react-native-gesture-handler react-native-reanimated react-native-screens @ react-native-community / masked-view

https://reactnavigation.org/docs/getting-started

Answer 2

在工作文件夹中运行npm list，以查看项目文件夹中的所有依赖项，并找出UNMET PEER DEPENDENCY，然后安装所有未满足的依赖项

Answer 3

“ @ react-native-community / masked-view”这种依赖导致错误。我认为您正在使用react-native-navigation出现问题，因为在最新的react-native（Version> 0.60）中会出现此问题，但Version <0.60低于此水平，可以正常工作。因此，请在解决此问题后将您的本机版本降级。

Answer 4

如果您遇到此错误

Unable to resolve "@react-native-community/masked-view" from "node_modules\react-navigation-stack\lib\module\vendor\views\MaskedView.native.js

运行npm install @react-native-community/masked-view