的WebView：加载页面时出错 - 错误NAME没有解决

Question

我得到这个错误：

遇到错误加载页面 - ERR NAME没有解决

为什么？

import { WebView } from 'react-native'; 

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

为什么？

Answer 1

您需要的不仅仅是一个render方法。这个逻辑应该在React中扩展Component的类中。此外，你要注册通过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包，杀死你的模拟器并重新启动它们。这为我解决了这个问题。