react-native - 如何修复导入错误 : 'requireNativeComponent' from 'react-native-web'

Question

我是 React-native 的初学者，我想在我的应用程序上展示一个视频。我现在正在使用 react-native-video。

import React from 'react';
import { StyleSheet, Text, View, requireNativeComponent } from 'react-native';
import Video from 'react-native-video';

export default function App() {
  return (
    <View style={styles.container}>
        <Video source={{uri:"loading.mp4"}}
            ref={(ref) => {
              this.player = ref
            }}                                      // Store reference
            onBuffer={this.onBuffer}                // Callback when remote video is buffering
            onError={this.videoError}               // Callback when video cannot be loaded
            style={styles.backgroundVideo}/> 
    </View>

  );
}

然后我有这个错误

Attempted import error: 'requireNativeComponent' is not exported from 'react-native-web/dist/index'.

请告诉我为什么会这样，我该如何解决。

Answer 1

这是一个老问题，但想回答一下。上述解决方案均未说明此错误的原因以及如何解决。

我遇到了类似的问题，阅读 Git 上的问题详细信息后，我意识到这是一个由于 lib 版本和 expo 版本不匹配而出现的错误。因此，请养成使用 expo 而不是 npm 或 yarn 安装所有库的习惯。要修复此错误，请使用 cmd expo install <lib> 安装所有库.

在这种情况下，执行 expo install react-native-video应该能解决问题。