的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包，殺死你的模擬器並重新啓動它們。這爲我解決了這個問題。