React Native应用程序中奇怪的ReferenceError
是指在React Native应用程序中出现的一个奇怪的引用错误。当程序尝试引用一个未定义的变量或函数时，就会抛出ReferenceError。
这种错误可能由多种原因引起，下面是一些可能的原因和解决方法：
- 变量或函数未声明：确保你在引用变量或函数之前已经声明了它们。在React Native中，你可以使用var、let或const关键字声明变量，使用function关键字声明函数。
- 变量或函数名拼写错误：检查你的代码，确保你正确地拼写了变量或函数的名称。JavaScript是区分大小写的，所以大小写错误可能导致引用错误。
- 作用域问题：确保你在正确的作用域内引用变量或函数。如果你在函数内部引用一个在函数外部定义的变量，或者在一个组件内引用另一个组件的变量，可能会导致引用错误。
- 引用错误的模块：在React Native中，你可以使用import语句引入其他模块的变量或函数。如果你引用了一个不存在的模块，或者引用了模块中不存在的变量或函数，也会导致引用错误。
如果你遇到了React Native应用程序中奇怪的ReferenceError，可以按照以下步骤进行排查和解决：
- 仔细检查错误信息和堆栈跟踪，确定引用错误的具体位置。
- 检查相关的代码，确保变量或函数已经正确声明，并且没有拼写错误。
- 确认变量或函数的作用域是否正确。
- 检查是否正确引入了相关的模块，并且模块中存在被引用的变量或函数。
如果以上步骤都没有解决问题，可以尝试以下方法：
- 重新安装相关的依赖包：有时候依赖包的版本不兼容或者安装不完整会导致引用错误。可以尝试删除node_modules文件夹，并重新运行npm install命令来重新安装依赖包。
- 更新React Native版本：有时候引用错误可能是由于React Native版本过旧或者存在bug导致的。可以尝试更新React Native到最新版本，或者查看React Native的官方文档和社区论坛，了解是否有相关的已知问题和解决方法。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供可扩展的云服务器实例，支持多种操作系统和应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL版（CDB）：提供高性能、可扩展的云数据库服务，适用于各种规模的应用程序。详情请参考：https://cloud.tencent.com/product/cdb
- 云存储（COS）：提供安全、可靠的对象存储服务，适用于存储和管理各种类型的数据。详情请参考：https://cloud.tencent.com/product/cos
- 人工智能（AI）：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等。详情请参考：https://cloud.tencent.com/product/ai
- 物联网（IoT）：提供全面的物联网解决方案，包括设备接入、数据管理、应用开发等。详情请参考：https://cloud.tencent.com/product/iot
请注意，以上链接仅供参考，具体的产品和解决方案选择应根据实际需求和情况进行评估和决策。
相关·内容
我正在为我的家人开发这个应用程序，到目前为止，我已经启动并运行了所有东西，但是现在我面临着这个问题，因为我想用onPress()加载另一个视图，但是我不知道我的错误是什么。 这是我的代码 import React, {useState} from 'react';
import {View, StyleSheet} from 'react-native';
import {Text} from 'react-native-paper';
import {TextInput} from 'react-native-paper';
浏览 8提问于2020-06-11得票数 0
回答已采纳
因此，出于某种原因，当我试图在我的手机上运行博览Go应用程序时，我就有了这个bug。如果我在网络浏览器上运行的话，显然是可以的。
这是错误日志
ReferenceError:找不到变量: TextDecoder
堆栈跟踪：
node_modules\expo\build\environment\react-native-logs.fx.js:27:4误差
node_modules\react-native\Libraries\Core\ExceptionsManager.js:95:4 in reportException
node_modules\react-native\Libraries
浏览 5提问于2022-07-08得票数 2
当我尝试将realm与react-native一起使用时，它的“在iOS中工作，但在安卓中工作”，我将面临以下错误。
ReferenceError: Can't find variable: globalThis
"react": "17.0.1",
"react-native": "0.64.0",
"realm": "^10.12.0"
浏览 12提问于2022-02-11得票数 1
我为react native应用程序生成了签名的apk，现在我想分发.How，其他人可以在他们的device.it上安装它吗?给出错误java.lang.RuntimeException: ReferenceError: Can't find variable：__fbBatchedBridge (:1)因为react-native服务器不是started.How，所以第三个人可以安装我的应用程序。
我需要做什么设置才能让他们通过安装apk来简单地安装我的应用程序。
浏览 0提问于2016-04-26得票数 0
我正在使用世博开发一个应用程序，使用Firebase ()，只用于身份验证和使用Cloud数据库。它在浏览器上运行得很好，但是当我切换到Expo时，我得到了以下错误：
ReferenceError:找不到变量: IDBIndex
我的理解是，Firebase在使用Analytics时应该工作得很好，而我没有使用它。我花了几个小时谷歌这个问题，但大多数人都提到了一个问题与分析，所以任何帮助将是真的感谢！
我的package.json：
"dependencies": {
"@react-native-community/masked-view": "
浏览 4提问于2021-04-18得票数 3
1回答
当我运行npm时，babel抛出了以下错误：ReferenceError: Unknown：.caller。有关选项的更多信息，请访问 。
我的package.json：
{
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start",
"test": "jest"
},
"dependencies": {
"
浏览 2提问于2018-10-23得票数 6
回答已采纳
我是react native的新手，我不知道我的应用程序出了什么问题节点说“错误:捆绑失败: ReferenceError:模块未在图形中注册”请帮助enter image description here
浏览 4提问于2019-01-19得票数 7
我使用下面的指南在react原生中创建了一个示例应用程序
但当我运行react-native run-android时。我得到了下面的异常。
11-25 16:10:35.326 1796-1897/com.awesome E/ReactNative: Got JS Exception: ReferenceError: Can't find variable: require
11-25 16:10:35.327 1796-1897/com.awesome E/AndroidRuntime: FATAL EXCEPTION: mqt_js
浏览 15提问于2015-11-25得票数 4
我正在开发与世博会反应本土应用程序。我的Android应用程序出了问题，因为总是给我发同样的错误信息：
ReferenceError: Can't find variable: Intl
看了很多帖子，但我还是有同样的问题
"react-native": "0.68.2",
"expo": "^45.0.6",
"native-base": "^3.4.15",
这是我的/android/app/build.gradle
def jscFlavor = 'org.webkit:an
浏览 17提问于2022-09-28得票数 4
从react-native 0.26升级到0.29 (并运行react-native upgrade)后，我在android调试器中收到以下错误：
Got JS Exception: ReferenceError: Can't find variable: process
android模拟器中的这条错误消息
java.lang.RunTimeException: ReferenceError: can't find variable process
(http://10.0.2.2:8081/index.android.bundle (...)
自升级以来，我没有更改过我的
浏览 3提问于2016-07-19得票数 5
新手React Native here...我正在尝试调用一个在组件中执行get请求的函数，该组件位于render()方法中。 import React from 'react';
import { StyleSheet, Text, View, Button } from 'react-native';
export default class Home extends React.Component {
static navigationOptions = {
title: 'Details',
};
getMovi
浏览 6提问于2019-03-14得票数 0
回答已采纳
1回答
我有一个特殊的要求，使用react本机为使用UWP的windows设备创建应用程序。我在googled中搜索了有关使用UWP支持的windows本地响应，然后我跟踪了。
我的NPM版本: 2.15.9
节点版本: 4.6.1
我遵循的命令：
choco安装nodejs.install
npm安装-g react本机-cli
react本机init AwesomeProject
cd AwesomeProject
npm安装-保存-dev rnpm-plugin-windows
react本机窗口
然后我得到了下面的错误
E：\reactApps\myapp\sample1 1>react
浏览 5提问于2016-10-19得票数 0
我设置了我的react原生应用程序，并使用下面的文章连接到firebase：。
我想通过在模拟器中运行firebase服务来测试我的更改。有人能指导我怎么做吗？
-编辑--
我按照中列出的步骤在config.js文件中添加了以下代码片段：
var db = firebase.firestore();
if (location.hostname === "localhost") {
db.useEmulator("localhost", 8080);
}
在执行应用程序后，我得到了以下错误：
ReferenceError: Can't find va
浏览 2提问于2021-07-06得票数 0
我有基本的react原生应用程序，并尝试在Genymon中运行。现在我得到了错误
java.util.concurrent.ExecutionException: java.lang.RuntimeException:: ReferenceError: Can't find variable: require(http://10.0.3.2:8081/index.android.bundle?platform=android&dev-true
我用El capitan在Mac上工作，所有配置都是Facebook建议的android dep，
I运行编译：
../node_mod
浏览 1提问于2016-03-21得票数 5
我无法构建我的IOS应用程序。错误显示
仅显示最近出现的错误:找不到-lFBReactNativeSpec的库
经过调查，我发现新版本的react-native " react -native"："^0.64.0“将react FBReactNativeSpec文件夹从../node_modules/react-native/libraries/FBReactNativeSpec”移动到../node_modules/react-native/React/FBReactNativeSpec“
我已经检查了构建设置头路径，检查了react原生pod脚本文件，并且包含了文件
浏览 0提问于2021-07-06得票数 1
我试着用Bugsnag在React-Native上运行Jest单元测试，但得到了错误：
The error below may be caused by using the wrong test environment, see https://jestjs.io/docs/en/configuration#testenvironment-string.
Consider using the "jsdom" test environment.
ReferenceError: window is not defined
1 | import
浏览 42提问于2021-02-12得票数 1
我有一个React Native/Expo + Next.js应用程序(用npx create-next-app -e with-expo构建)
完整代码：
它作为web应用程序运行良好(在Next.js和Expo Web中)，但在iPhone上运行Expo应用程序时崩溃：
ReferenceError: Can't find variable: React
This error is located at:
in App (at withExpoRoot.js:26)
in ExpoRoot (at renderApplication.js:40)
in R
浏览 5提问于2021-03-11得票数 1
回答已采纳
我正在迁移我的react本机应用程序，该应用程序使用了react- native -fcm和react-native-firebase-analytics，现在不推荐使用react-native-firebase。构建运行得很好，但是当应用程序启动时，它会在闪屏上停留近一分钟(这很奇怪)，然后崩溃并出现错误：
TypeError: 'undefined' is not an object (evaluating 'RNFIR.requestPermissions()')
在我的代码中没有这样的表达式，一切都是最新的。我的猜测是它可能来自react-native-
浏览 0提问于2018-06-14得票数 0
我在iOS上遇到了发布版本崩溃的问题，并得到了以下错误：
[error][tid:com.facebook.react.JavaScript] ReferenceError: Can't find variable: typeAnnotation
2020-12-31 01:16:15.086 [fatal][tid:com.facebook.react.ExceptionsManagerQueue] Unhandled JS Exception: ReferenceError: Can't find variable: typeAnnotation
2020-12-31 01
浏览 0提问于2020-12-31得票数 6
上传图片和数据到firebase，它的回调是很好的。但是在promise函数中，我得到的错误是无法找到变量: setPosts，它是由Redux上的操作定义的，这里
[Unhandled promise rejection: ReferenceError: Can't find variable: setPosts]
- node_modules\native-base\dist\src\basic\Tabs\DefaultTabBar.js:1:328 in <global>
- node_modules\react-native\node_modules\pro
浏览 1提问于2021-03-03得票数 0
场景
我正在编写一个React-Native-Web (RNW)应用程序。基本设计是一个核心应用程序，它将自定义React-Native组件库作为节点包。
组件库也是一个RNW应用程序，因为我使用StoryBook来允许独立开发。
问题所在
当我使用npm i ...从git安装组件库到核心应用程序中，并将其导入到src文件夹中的App.js中时，我得到了以下错误...
ReferenceError: Can't find variable: Symbol
This error is located at:
in Styled(SimpleList) (created by
浏览 17提问于2018-05-24得票数 1
我正在开发一个带有react本机(v0.60)的应用程序，我需要推送通知。我决定使用firebase作为服务，但在初始化过程中出现了错误。
代码：
import {AppRegistry} from 'react-native';
import Config from 'react-native-config'
import * as firebase from 'firebase/app'
import '@firebase/messaging'
import firebaseConfig from 'App/src/
浏览 5提问于2019-10-23得票数 14
7回答
我有一个反应-原生@0.26.2项目。我删除了node_modules文件夹，并在发出以下命令之后：
npm i
react-native upgrade
但我知道这个错误：
react-native.js:15
ReferenceError: __DEV__ is not defined
我该怎么补救？
浏览 14提问于2016-05-27得票数 24
回答已采纳
我试图在react原生的渲染应用程序中显示来自fetch函数的数据。
我可以从我的fetch中获取数据，但我无法在应用程序上显示它。
这是我的代码：
import React from 'react';
import { StyleSheet, Text, View, Button } from 'react-native';
export default function App() {
const fetchDatos = async () => {
return fetch('http://localhost:8000/api/
浏览 4提问于2020-03-14得票数 1
回答已采纳
我的目标是在与React集成之前，在命令行上运行包含ES6 JavaScript语句的console.log代码，以帮助调试代码。此代码仅包含JS函数。
这就是我试过的：
Install babel-cli
npm install --save-dev babel-cli
File: .babelrc ( in project root )
{
"presets": ["react-native"]
}
Run sandbox:
./node_modules/.bin/babel-node app/components/sandbox.js
我得到
浏览 3提问于2017-04-05得票数 0
回答已采纳
我在安卓studio中集成了react native和现有的应用程序，由Facebook指南：
我发现“找不到变量：__fbBatchedBridge”的错误可以通过设置开发菜单来解决。就像一样
但我的问题是，我在现有应用的activity中显示了React Native页面，当使用react native视图启动activity时，它崩溃了。
错误日志如下：
java.lang.RuntimeException: java.util.concurrent.ExecutionException: com.facebook.react.bridge.JSExecutionException: R
浏览 0提问于2016-03-01得票数 6
我目前在使用react native时遇到了一些困难。我想要的是一个基于react native的库项目，然后我可以将其包含在我的一些应用程序中。
我尝试的第一件事是将所有基本的react设置代码1移动到现有应用程序中的一个片段中。这工作起来没有任何问题。
然后，我开始了一个全新的Android项目，只有一个空的活动。在这个项目中，我添加了一个新的Android库项目模块，它应该包含"react native fragment“。然后我在我的根项目文件夹中初始化了react原生项目。
我当前的项目结构如下所示：
ReactApplication
- basic files (index
浏览 0提问于2015-10-21得票数 8
我已经用WebGL写了一个简单的React Native应用。我使用了
import Unity from 'react-native-unity-webgl';
...
render() {
return (
<Unity
width="500px"
height="350px"
onProgress={ this.onProgress }
src="http://192.168.1.101/Build/Ultimatum.json"
load
浏览 2提问于2018-06-12得票数 18
在React Native中运行下面的代码时，我得到了以下错误。我尝试添加'const stack‘，但错误仍然出现。我该如何纠正它呢？谢谢。 堆栈:找不到变量:ReferenceError 此错误位于:在应用程序中(由ExpoRoot创建)在ExpoRoot中(在renderApplication.js:45中)在RCTView中(在View.js:34中)在视图中(在AppContainer.js:106中)在DevAppContainer中(在AppContainer.js:121中)在RCTView中(在View.js:34中)在视图中(在AppContainer.js:13
浏览 15提问于2021-04-03得票数 0
我正在尝试制作一个应用程序的原型，它与浏览器和iOS兼容。iOS模拟器的渲染没有任何问题，但是网页浏览器却给我带来了错误。在使用定义样式的外部文件时会发生这种情况。
将外部样式文件与webbrowser和iOS链接有什么不同吗？
当在js文件中包含样式代码时，它可以正常工作，但在尝试生成样式代码外部文件时会出现错误。
错误：
ReferenceError:样式未定义
样式代码(外部文件)
import { StyleSheet } from 'react-native';
export default styles = StyleSheet.create({
co
浏览 1提问于2019-08-29得票数 1
回答已采纳
嗨，我有问题，当我尝试放置createStackNavigator，但如果我删除它，它是正常的。 我的代码是 import Home from '../home/home.component';
import {createAppContainer} from 'react-navigation';
import {createStackNavigator} from 'react-navigation-stack';
import React from 'react';
const NavStack = createStac
浏览 59提问于2021-06-20得票数 1
我正在使用react-native init创建一个react-native项目。我正在为SQLite绑定使用库。
我有一个DbConnector.jest-test.js单元测试文件。内容是
import DbConnector from '../app/components/DbConnector.js';
// Note: test renderer must be required after react-native.
import renderer from 'react-test-renderer';
it('renders correc
浏览 0提问于2017-07-25得票数 5
我正在尝试为react native生成android apk。浏览上提供的文档
1)生成密钥库2)设置gradle变量3)将签名配置添加到应用程序的gradle配置# 4)通过android studio生成用于发布的签名apk (build --> genrate签名apk)
我在我的项目中使用了react .gradle。但是运行这个apk会给出错误: java.lang.RuntimeException: ReferenceError: Can't find variable：__fbBatchedBridge (:1)
浏览 1提问于2016-05-17得票数 1
我使用react本机开发一个应用程序，但我试图从我的setConf()函数中调用app.js，但显然React不识别在导入这个js时存在于Script.js文件中的文档，如何在不出现文档问题的情况下调用该函数？谢谢
错误: ReactNativeJS: ReferenceError:找不到变量:文档
import React from 'react';
import {
StyleSheet,
Text,
Button,
View
} from 'react-native';
import WebView from 'react-nati
浏览 3提问于2020-03-26得票数 1
我知道导航器从0.44开始就被弃用了。当我启动我的应用程序时，即使我不使用这个组件，我也会收到这个奇怪的红色警告。我想可能是在我的应用程序中包含的某个模块中使用了它。我只有add ，我没有找到导航器的任何用法。我真的不知道它是从哪里来的。
我使用React Native 0.47.1和React 16.0.0-alpha.12
这是我的package.json：
{
"name": "MyProject",
"version": "0.0.1",
"private": true,
浏览 3提问于2017-08-08得票数 1
? 我尝试将mysql与我的react-navtive应用程序连接起来。我安装了express、body-parser和mysql，然后在我的项目中创建了节点，并在终端上输入“server.js server.js”cmd，然后我得到了这个错误。 error: bundling failed: ReferenceError: SHA-1 for file /usr/local/lib/node_modules/react-native/node_modules/metro/src/lib/polyfills/require.js (/usr/local/lib/node_modules/
浏览 73提问于2020-01-03得票数 5
回答已采纳
我刚刚从react-native-intercom升级到@intercom/intercom-react-native。我已经设法使对讲机正常工作，但是我正在努力处理他们的中的这段代码。
Intercom.getUnreadConversationCount()
...
useEffect(() => {
const countListener = Intercom.addEventListener(
IntercomEvents.IntercomUnreadCountDidChange,
(response) => {
setC
浏览 11提问于2021-12-22得票数 0
我试图添加一个日历，以反应移动应用程序使用react。我安装了yarn add react-calendar并启动了这个应用程序。然后app停止，这个错误出现了：
ERROR ReferenceError: Can't find variable: Intl
This error is located at:
in Day (created by TileGroup)
in div (created by Flex)
in Flex (created by TileGroup)
in TileGroup (created by Days)
in
浏览 5提问于2022-06-28得票数 0
1回答
我被一个奇怪的问题困住了，我试图摆脱这种反应-原生-pdf所以。
我解开它( react-native unlink react-native-pdf)
我将其从节点模块( npm uninstall react-native-pdf)中删除
现在的问题是，当我尝试运行我的应用程序时，会给我这个错误。
我的终端就像这样
我错过了什么事吗？
浏览 3提问于2017-08-28得票数 2
回答已采纳
错误:没有计算文件/usr/local/lib/node_modules/react-native/node_modules/metro/src/node-haste/DependencyGraph/assets/empty-module.js (/usr/local/lib/node_modules/react-native/node_modules/metro/src/node-haste/DependencyGraph/assets/empty-module.js)的ReferenceError: SHA-1。
浏览 2提问于2022-01-05得票数 0
我已经注意到，实际上没有来自babel的关于不正确配置的信息。例如，我用react-native-cli创建了新的应用程序，安装了装饰插件，并按如下方式填充了我的babel.config.js：
module.exports = {
presets: ['module:metro-react-native-babel-preset'],
plugins: ['@babel/plugin-proposal-decorators', { legacy: true }],
};
也有同样的抱怨，好像没有安装插件。正确的配置是：
module.exports =
浏览 3提问于2019-10-03得票数 9
回答已采纳
1回答
在导入另一个组件时，会出现一些奇怪的错误。如果我删除了ChristmasMap在App.js中的引用，那么应用程序就能正常工作。但是我想进口ChristmasMap。有什么帮助吗？
App.js
import React, { Component } from 'react';
import './ChristmasMap';
class App extends Component {
render() {
return (
<div>
<p>asd</p>
<C
浏览 1提问于2016-11-28得票数 0
回答已采纳
我有一个反应本机应用程序。我想添加Jest的单元测试。当我运行yarn test时，会得到以下错误：
FAIL ./App.test.tsx
● app › can render snapshot
ReferenceError: React is not defined
5 | describe("app", () => {
6 | it("can render snapshot", () => {
> 7 | const tree = renderer.create(<App />);
|
浏览 4提问于2020-03-12得票数 1
2回答
在我的react原生应用程序的Saga测试中(它确实可以正常工作)，我添加了以下测试，该测试调用一个执行POST http调用(doScan)的函数。
describe('Scan the product and register the scanning action', () => {
const it = sagaHelper(scanProductSaga(scanProductAction(item)));
it('logscan via ASL', (result) => {
expect(result).toEqual
浏览 0提问于2018-05-16得票数 2
这听起来是个奇怪的问题。它是。但是，是否可以在我用create- react -app实例化的react应用程序中执行类似的操作？
import React, { Component } from 'react';
import { Text, View, StyleSheet } from 'react-native';
...
也就是说，即使我不能实际构建移动视图，我也希望将它包含在我的代码中，以便使用它做其他事情
我之所以这样问，是因为即使我的package.json中有react-native，我也不能绕过"Module not found: C
浏览 1提问于2017-06-27得票数 0
我正试图取笑一个新的react-native项目。但是，当我运行npm run test时，我会得到以下错误ReferenceError: __DEV__ is not defined。关于这个问题，我已经看过无数的Github问题和Stack溢出帖子，但是没有一个建议在我的案例中有效。
这是我的jest.config.js文件：
module.exports = {
transformIgnorePatterns: [
"node_modules/(?!(react-native|react-native-button|react-native-video)/)
浏览 12提问于2021-06-23得票数 2
回答已采纳
我有一个奇怪的问题，我的反应-本地应用。在仿真器和真实设备上，应用程序不响应方向的变化。
我使用反应导航与StackNavigator和本机基础的用户界面。
包含android:configChanges="keyboard|keyboardHidden|orientation|screenSize“的 AndroidManifest
"react-native": "0.61.5",
"react-native-screens": "^2.0.0-alpha.13",
"react-navigation"
浏览 2提问于2019-12-04得票数 0
回答已采纳
1回答
Jest覆盖工具失败
、、、、
在我的react原生项目中，在测试执行期间，Jest显示覆盖率并创建覆盖率报告。 Jest配置： import type {Config} from '@jest/types';
const config: Config.InitialOptions = {
// basic params to setup test ext and env
preset: '@testing-library/react-native',
verbose: true,
moduleFileExtensions: ['ts', &
浏览 57提问于2021-10-20得票数 0
回答已采纳
我正在将React Native 0.62.2应用程序中的函数组件转换为类组件。在函数组件中定义了一些函数组件。转换为类组件后，定义的函数组件出现错误。错误是： [ReferenceError: Can't find variable: GridImage] 以下是代码示例： export default DisplayImg extends React.Component {
GridImage = () => {
//component detail
};
render() {
return (
<GridImage
浏览 40提问于2020-08-16得票数 1
回答已采纳
因此，我收到了一个奇怪的错误，ReferenceError: require在从‘阿波罗-boost’导入ApolloClient时没有定义ApolloClient。如果没有导入，ApolloClient应用程序正在运行，但是导入时会显示错误。错误的屏幕截图在所附的图像中：
这是我的密码
index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './components/App&#
浏览 0提问于2018-11-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
