ReferenceError：找不到变量：React -- bundle android

【问题标题】：ReferenceError: Can't find variable: React -- bundle androidReferenceError：找不到变量：React -- bundle android
【发布时间】：2021-06-20 01:17:25
【问题描述】：

您好，我在尝试放置 createStackNavigator 时遇到问题，但如果我将其删除，就可以了。

我的代码是

import Home from '../home/home.component';
import {createAppContainer} from 'react-navigation';
import {createStackNavigator} from 'react-navigation-stack';
import React from 'react';

const NavStack = createStackNavigator(
  {
    ScreenLogin: {
      screen: Home,
      navigationOptions: {
        header: null,
      },
    },
  },
  {
    defaultNavigationOptions: {
      //header: null,
    },
  },
);

const AppNavigator = createAppContainer(NavStack);

export default AppNavigator;

家

import React from 'react';
import {Text, View} from 'react-native';

const Home = () => {
  return (
    <View
      style={{
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
      }}>
      <Text>Hello, world!</Text>
    </View>
  );
};
export default Home;

堆栈

E/ReactNativeJS：ReferenceError：找不到变量：React

This error is located at:
    in h
    in RCTView
    in Unknown
    in RCTView
    in Unknown
    in C

E/unknown:ReactNative: ReferenceError: Can't find variable: React

This error is located at:
    in h
    in RCTView
    in Unknown
    in RCTView
    in Unknown
    in C, stack:
value@392:868
al@77:54989
ja@77:79095
Ba@77:78997
Qa@77:78762
Ia@77:75924
Ia@-1
<unknown>@77:26326
unstable_runWithPriority@142:3806
ht@77:26273
pt@77:26208
Pa@77:73297
pi@77:88605
render@77:95350
exports@339:626
run@336:694
runApplication@336:1753
value@41:3469
<unknown>@41:662
value@41:2459
value@41:634
value@-1

E/ReactNativeJS：ReferenceError：找不到变量：React

This error is located at:
    in h
    in RCTView
    in Unknown
    in RCTView
    in Unknown
    in C

致命异常：mqt_native_modules 进程：com.co.prueba，PID：21016 com.facebook.react.common.JavascriptException：ReferenceError：找不到变量：React

This error is located at:
    in h
    in RCTView
    in Unknown
    in RCTView
    in Unknown
    in C, stack:
value@392:868
al@77:54989
ja@77:79095
Ba@77:78997
Qa@77:78762
Ia@77:75924
Ia@-1
<unknown>@77:26326
unstable_runWithPriority@142:3806
ht@77:26273
pt@77:26208
Pa@77:73297
pi@77:88605
render@77:95350
exports@339:626
run@336:694
runApplication@336:1753
value@41:3469
<unknown>@41:662
value@41:2459
value@41:634
value@-1

    at com.facebook.react.modules.core.ExceptionsManagerModule.reportException(ExceptionsManagerModule.java:83)
    at java.lang.reflect.Method.invoke(Native Method)
    at com.facebook.react.bridge.JavaMethodWrapper.invoke(JavaMethodWrapper.java:372)
    at com.facebook.react.bridge.JavaModuleWrapper.invoke(JavaModuleWrapper.java:151)
    at com.facebook.react.bridge.queue.NativeRunnable.run(Native Method)
    at android.os.Handler.handleCallback(Handler.java:938)
    at android.os.Handler.dispatchMessage(Handler.java:99)
    at com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:27)
    at android.os.Looper.loop(Looper.java:223)
    at com.facebook.react.bridge.queue.MessageQueueThreadImpl$4.run(MessageQueueThreadImpl.java:226)
    at java.lang.Thread.run(Thread.java:923)

json 包

{
  "name": "Test",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "android": "react-native run-android --port=8089",
    "ios": "react-native run-ios",
    "start": "react-native start --port=8089"
  },
  "dependencies": {
    "prop-types": "^15.7.2",
    "react": "17.0.1",
    "react-native": "0.64.2",
    "react-native-dotenv": "^2.5.5",
    "react-native-fetch-polyfill": "^1.1.3",
    "react-native-fs": "^2.18.0",
    "react-native-gesture-handler": "^1.10.3",
    "react-native-indicators": "^0.17.0",
    "react-native-keyboard-aware-scroll-view": "^0.9.4",
    "react-native-linear-gradient": "^2.5.6",
    "react-native-reanimated": "^2.2.0",
    "react-native-safe-area-context": "^3.2.0",
    "react-native-screens": "^3.4.0",
    "react-navigation": "^4.4.4",
    "react-navigation-stack": "^2.10.4"
  },
  "devDependencies": {
    "@babel/core": "7.14.6",
    "@babel/runtime": "7.14.6",
    "@react-native-community/eslint-config": "2.0.0",
    "babel-jest": "26.6.3",
    "eslint": "7.14.0",
    "jest": "26.6.3",
    "metro-react-native-babel-preset": "0.64.0",
    "react-test-renderer": "17.0.1"
  },
  "jest": {
    "preset": "react-native"
  }
}

那么如果我只离开home组件，在native应用中是可以的，但是createStackNavigator会导致crash。

我将 React 导入移动到文件顶部，现在如果我从反应导航开始，我会遇到下一个错误

import React from 'react';
import AppNavigator from './components/navigator/navigator.component';

export default class AppTest extends React.Component {
  constructor(props) {
    super(props);
  }

  componentDidMount() {}

  render() {
    return <AppNavigator />;
  }
}

错误

E/ReactNativeJS: Invariant Violation: requireNativeComponent: "RNSScreen" 在 UIManager 中找不到。

This error is located at:
    in E
    in R
    in RCTView
    in Unknown
    in RCTView
    in Unknown
    in C

E/unknown:ReactNative: Invariant Violation: requireNativeComponent: "RNSScreen" 在 UIManager 中找不到。

This error is located at:
    in E
    in R
    in RCTView
    in Unknown
    in RCTView
    in Unknown
    in C, stack:
exports@26:286
exports@161:1002
get@74:883
wl@77:59730
Oa@77:79273
ja@77:79156
Ba@77:78997
Qa@77:78762
Ia@77:75924
Ia@-1
<unknown>@77:26326
unstable_runWithPriority@142:3806
ht@77:26273
pt@77:26208
Pa@77:73297
pi@77:88605
render@77:95350
exports@339:626
run@336:694
runApplication@336:1753
value@41:3469
<unknown>@41:662
value@41:2459
value@41:634
value@-1

E/ReactNativeJS: Invariant Violation: requireNativeComponent: "RNSScreen" 在 UIManager 中找不到。

This error is located at:
    in E
    in R
    in RCTView
    in Unknown
    in RCTView
    in Unknown
    in C

--------- beginning of crash

E/AndroidRuntime: 致命异常: mqt_native_modules 进程：com.co.test，PID：24369 com.facebook.react.common.JavascriptException: Invariant Violation: requireNativeComponent: "RNSScreen" is not found in UIManager.

This error is located at:
    in E
    in R
    in RCTView
    in Unknown
    in RCTView
    in Unknown
    in C, stack:
exports@26:286
exports@161:1002
get@74:883
wl@77:59730
Oa@77:79273
ja@77:79156
Ba@77:78997
Qa@77:78762
Ia@77:75924
Ia@-1
<unknown>@77:26326
unstable_runWithPriority@142:3806
ht@77:26273
pt@77:26208
Pa@77:73297
pi@77:88605
render@77:95350
exports@339:626
run@336:694
runApplication@336:1753
value@41:3469
<unknown>@41:662
value@41:2459
value@41:634
value@-1

    at com.facebook.react.modules.core.ExceptionsManagerModule.reportException(ExceptionsManagerModule.java:83)
    at java.lang.reflect.Method.invoke(Native Method)
    at com.facebook.react.bridge.JavaMethodWrapper.invoke(JavaMethodWrapper.java:372)
    at com.facebook.react.bridge.JavaModuleWrapper.invoke(JavaModuleWrapper.java:151)
    at com.facebook.react.bridge.queue.NativeRunnable.run(Native Method)
    at android.os.Handler.handleCallback(Handler.java:938)
    at android.os.Handler.dispatchMessage(Handler.java:99)
    at com.facebook.react.bridge.queue.MessageQueueThreadHandler.dispatchMessage(MessageQueueThreadHandler.java:27)
    at android.os.Looper.loop(Looper.java:223)
    at com.facebook.react.bridge.queue.MessageQueueThreadImpl$4.run(MessageQueueThreadImpl.java:226)
    at java.lang.Thread.run(Thread.java:923)

【问题讨论】：

  • 尝试将 React 导入移到文件顶部。
  • @sagarShakya ，错误已经改变，现在如果我从导航开始，它会出现下一个。不变违规：requireNativeComponent：在 UIManager 中找不到“RNSScreen”。

标签： javascript react-native gradle react-redux rxjs


【解决方案1】：

我终于找到了解决方案。如果有人有问题，你应该做下一个

第一个

在本机应用程序中添加模块。

include ':react-native-screens'
project(':react-native-screens').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-screens/android')
include ':react-native-safe-area-context'
project(':react-native-safe-area-context').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-safe-area-context/android')

您还需要包含下一个库

implementation project(':react-native-screens')
implementation project(':react-native-safe-area-context')

第二个

您应该在反应活动中添加 ContextPackage

 import com.swmansion.rnscreens.RNScreensPackage
 import com.th3rdwave.safeareacontext.SafeAreaContextPackage
   .addPackage(RNScreensPackage())
        .addPackage(SafeAreaContextPackage())

第三个

你应该修改gradle

    maven {
        // Local Maven repo containing AARs with JSC library built for Android
        url "$rootDir/../node_modules/jsc-android/dist"
    } 

implementation "org.webkit:android-jsc:+"
implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0"

安卓{

packagingOptions {
    pickFirst '**/libjsc.so'
    pickFirst '**/libc++_shared.so'
}

【讨论】：

    猜你喜欢
    • 2021-10-10
    • 2021-11-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-01-19
    • 1970-01-01
    • 2014-02-20
    相关资源
    最近更新 更多
    热门标签
    Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode