WebView:错误加载页 - 错误名称未解决

Question

我得到此错误：

遇到错误加载页 - 错误名称未解决

为什么？

  import { WebView } from 'react-native';
  render() {
    return (
    <WebView
      source={{uri: 'https://github.com/facebook/react-native'}}
      style={{marginTop: 20}}
    />
    );
  }
}

为什么？

Answer 1

您不仅需要render方法。该逻辑应位于从React扩展Component的类内部。此外，如果这是您的应用程序的根源，则您需要通过React本机的AppRegistry注册此组件：

import React, { Component } from 'react';
import { AppRegistry, WebView } from 'react-native';
class App extends Component {
    render() {
        return (
            <WebView
                source={{uri: 'https://github.com/facebook/react-native'}}
                style={{marginTop: 20}}/>
        );
    }
}
AppRegistry.registerComponent('App', () => App);

如果此组件不是应用程序的根部，则可以删除最后一行并将AppRegistry排除在您的导入中。

Answer 2

您是否尝试过将其关闭并重新打开？实际上，杀死您的index.android.js捆绑包，杀死模拟器，然后重新开始备份。这解决了我的问题。

Answer 3

如果您的Internet连接较弱，可能会发生此问题。

请参阅此链接以处理此