web-dev-qa-db-fra.com

Violation invariante: Configuration requise: "RNCWebView" n'a pas été trouvé dans l'Uimanager

Bonjour les amis, j'ai eu cette erreur après la liaison de réacte-natif-webview à mon projet

Invariant Violation: requireNativeComponent: "RNCWebView" was not found in the UIManager.

    This error is located at:
        in RNCWebView (at WebView.Android.js:250)
        in RCTView (at WebView.Android.js:253)
        in WebView (at App.js:7)
        in App (at renderApplication.js:45)
        in RCTView (at AppContainer.js:109)
        in RCTView (at AppContainer.js:135)
        in AppContainer (at renderApplication.js:39)

Et il y a mon code

import React, { Component } from 'react';
import { WebView } from 'react-native-webview';

export default class App extends Component {
  render() {
    return (
      <WebView
        originWhitelist={['*']}
        source={{ html: '<h1>Hello world</h1>' }}
      />
    );
  }
}

image d'erreur dans mon Android

react-nativereact-native-webview
3
Sky Sakthi

ma solution à ce problème était la suivante:

Android

1 Ajoutez ceci dans votre Android/Paramètres.Gradle

include ':react-native-webview'
project(':react-native-webview').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-webview/Android')

2 Ajoutez ceci dans votre Android/App/Build.Gradle

dependencies {
    implementation project(':react-native-webview')
    ....

3 Dans votre MainApplication.java:

import com.reactnativecommunity.webview.RNCWebViewPackage;//add this import
....

public class MainApplication extends Application implements ReactApplication {

  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
    @Override
    public boolean getUseDeveloperSupport() {
      return BuildConfig.DEBUG;
    }

    @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new MainReactPackage(),
          new RNCWebViewPackage(),//add line
          ....

[~ # ~] iOS [~ # ~]]

1 Ajoutez la ligne suivante dans votre iOS/Podfile, puis ouvrez votre terminal, accédez à votre dossier iOS Project et exécutez POD Installation

...
  pod 'react-native-webview', :path => '../node_modules/react-native-webview'
...
0
Deyson

Essayez de redémarrer le simulateur et de reconstruire l'application.

0
Raphael Pinel

J'ai fait des étapes ci-dessous:

 1. cd ios
 2. rm Podfile.lock
 3. pod install

Cela a installé la bibliothèque manquante I.E. réacteur-natif-webview et ajouté ci-dessous ligne au fichier Podfile.

 pod 'react-native-webview', :path => '../node_modules/react-native-webview'

environnement que je travaille sur:

"react": "16.9.0",
"react-native": "0.61.5"
0
amit pandya

Essayez ces étapes.

  1. Supprimer des pods dossier et podfile.lock
  2. nPM Désinstallation de réact-natif-webview
  3. npm i réact-natif-webview
  4. cD iOS
  5. pod installer
  6. (NPX) réactive-native run-ios
  7. Réinitialiser le cache
0
Ruban Dota2