Reactjs 如何添加'；要求活动组件'；出口？

这是我第一次使用React本机应用程序。我试图从react native maps使用MapView，但遇到以下错误：尝试导入错误：“react native web/dist/index未导出RequiredActiveComponent”。我正在web视图中查看我的应用程序（如果有必要）。我已经安装并链接了react本地地图。这是我目前的代码：

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import MapView from 'react-native-maps';
import { requireNativeComponent } from 'react-native';

export default function App() {
  return (
    <View style={styles.container}>
      <Text>Open up App.js to start working on your app!</Text>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

---

我也遇到了同样的问题，最后我意识到这是由于MapView与web浏览器的兼容性，您可以将其签入。
可能您正试图在web浏览器中运行此代码，因此由于MapView导入，您将出现此错误。
我建议两种选择：
1-尝试将此脚本添加到index.html，用Google Maps API替换API_键：

<script
  async
  defer
  src="https://maps.googleapis.com/maps/api/js?key=API_KEY"
  type="text/javascript"
></script>

---

2-改变您使用expo在某些移动设备上测试和运行应用程序的方式，通常情况下，它会正常工作。

你好，Haley，您解决了这个问题吗？我现在也遇到了同样的问题。

<script
  async
  defer
  src="https://maps.googleapis.com/maps/api/js?key=API_KEY"
  type="text/javascript"
></script>