Expo Web 浏览器模拟器为空白 - React Native 错误答案

【问题标题】：Expo web browser emulator is blank - React Native ErrorExpo Web 浏览器模拟器为空白 - React Native 错误
【发布时间】：2022-01-10 10:53:37
【问题描述】：

昨天在我的应用程序上工作时，Expo 的网络模拟器工作正常。

现在，当我今天尝试使用expo start 然后w 在浏览器上启动应用程序时，整个屏幕都是空白的。

浏览器上什么都没有。

这是什么问题？我应该如何解决这个问题？

模拟器图片：

编辑

这些是 Snack 的截图：

App.js

LoginScreen.js

HomeScreen.js

【问题讨论】：

它对零食有用吗？？
这是我在吃零食 package.json (3:5) Failed to resolve dependency 'firebase@9.6.2' (Can't resolve '' in '/tmp/snackager/snackager/buildStatus/1/firebase@9.6.2-ios,android,web/package' 时遇到的错误，尽管我设备上的 Firebase 版本是 8.2.3，而在零食上它自己下载了 9.6.2。这是我需要解决的问题吗？
@chikabala 我修复了零食的版本，现在它显示这个错误Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. (Device)
请考虑添加代码以便我们查看
是的，我已经在小吃的截图中进行了编辑。

【解决方案1】：

您遇到的问题是导航问题，与模拟器无关，

问题是 react Navigation on web 需要 linking 属性，详情可以查看documentation

另一种解决方案是使用@react-navigation/web，这是一个示例web navigation in react native

对于您的情况，请尝试使用：

const LoginScreen({navigation})

并像这样正常使用导航对象：

navigation.navigate('HomeScreen')

无需使用useNavigation

【讨论】：