のWebView： <p>なぜ</p>を解決していないERR NAME - ： -</p> <p>にエラーが発生しましたローディングページ読み込みエラーページには、NAMEは、私はこのエラーを取得する

Question

を解決しないERR？

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バンドルを削除し、エミュレータを終了して、それらを再び起動してください。それは私にとってこの問題を解決しました。