javascript - ReferenceError：找不到变量：React -- bundle android
问题描述
嗨，当我尝试放置 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/未知：ReactNative：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
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 组件，在本机应用程序中是可以的，但是 createStackNavigator 会导致崩溃。
我正在将 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：不变违规：requireNativeComponent：在 UIManager 中找不到“RNSScreen”。
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：不变违规：requireNativeComponent：在 UIManager 中找不到“RNSScreen”。
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：不变违规：requireNativeComponent：在 UIManager 中找不到“RNSScreen”。
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)
解决方案
最后我找到了解决方案。如果有人有问题，你应该做下一个
首先
在本机应用程序中添加模块。
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'
}
推荐阅读
- python - 将颜色条与 GeoAxes 子图边缘对齐
- excel-formula - Excel 平均 if 函数获取每小时数据
- python - Python列表中所有索引的总和
- python - 从 Youtube 抓取
- linux - 解压打包的 .so 库
- python - 如何查询 ManyToManyField 以从另一个模型中获取属性
- angular - 在 Angular 9 中将文件附加到 MS Graph 电子邮件的问题
- scrapy - 自定义项目管道中多个文件的 CsvItemExporter 不导出所有项目
- javascript - 如何在 vis 时间轴中调整周月断点
- calendar - iCal 在最近的工作日进行每月定期活动？