React Native声明我没有正确导入/导出
React Native是一种用于构建跨平台移动应用程序的开源框架。它允许开发人员使用JavaScript和React编写一次代码，然后将其部署到iOS和Android等多个平台上。
当遇到React Native声明没有正确导入或导出的问题时，可能有以下几个原因和解决方法：
- 导入路径错误：确保导入的模块路径是正确的。检查文件路径和文件名是否正确，并确保大小写匹配。
- 缺少依赖项：React Native使用npm或yarn来管理依赖项。在项目根目录下运行
npm install或yarn install来安装所需的依赖项。 - 模块未安装：如果导入的模块没有正确安装，可以尝试重新安装该模块。运行
npm install 模块名或yarn add 模块名来安装缺失的模块。 - 模块未正确导出：确保导出的模块在文件中正确导出。使用
export关键字将模块导出，并确保导出的名称与导入时使用的名称匹配。 - 语法错误：检查代码中是否存在语法错误，例如拼写错误、缺少分号等。使用开发工具或编辑器的语法检查功能来帮助发现并修复这些错误。
- 重新构建项目：有时候，重新构建项目可以解决导入/导出问题。尝试重新运行构建命令，例如
react-native run-android或react-native run-ios。
总之，当遇到React Native声明没有正确导入/导出的问题时，需要仔细检查导入路径、依赖项、模块安装、模块导出、语法错误等方面，并逐一解决问题。如果问题仍然存在，可以参考React Native官方文档、社区论坛或搜索引擎来获取更多帮助和解决方案。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云移动开发平台：https://cloud.tencent.com/product/mmp
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
相关·内容
我试图从放置在外部存储中的js文件中动态导入一个类组件，
sample.js
import React, { Component } from 'react';
import { View, Text } from 'react-native';
var HeaderComponent=eval(`class HeaderComponent extends Component {
constructor(props) {
super(props);
}
render() {
return <Text&
浏览 3提问于2020-06-29得票数 1
我错误地使用了CheckBox作为项目名称。我使用react-native init CheckBox生成React Native项目。我需要多项选择题的复选框。因此，我从安装了复选框库。然后，我使用import CheckBox from 'react-native-checkbox';导入库。现在的问题是：Duplication declaration "CheckBox"。我需要什么来解决这个问题？要么删除项目并生成新项目。或者在当前的项目中有没有解决这个问题的方法？我的代码是：
import React, { Component } from '
浏览 2提问于2016-09-09得票数 2
2回答
因此，我构建了一个微调器组件，并且不断得到不变的冲突。
组件：
import React from 'react';
import { View, ActivityIndicator } from 'react-native';
const Spinner = ({ size }) => {
return (
<View style={ styles.spinnerStyle }>
<ActivityIndicator size={ size || 'large' } /
浏览 0提问于2018-03-13得票数 1
4回答
元素类型无效
、、
我已经犯了好几个小时的错误了，我不知道该如何修正它，它让我发疯了。在这里的这个短代码中，我一直收到这个错误：
元素类型无效:预期为字符串(用于内置组件)或类/函数(用于组合组件)，但未定义。您可能忘记从定义在其中的文件中导出组件，或者您可能混淆了默认导入和命名导入。
import * as Font from 'expo-font';
import React, {Component} from "react";
import { ActivityIndicator } from 'react-native'
import {Applicati
浏览 4提问于2019-09-23得票数 0
我是第一次接触react-native，我正在尝试实现react-stack-navigator，但函数createStackNavigator返回null。我一直在遵循一个教程，在相同的代码中没有这个问题，任何想法都将不胜感激。下面是我的错误： ? 下面是我的代码： import { createStackNavigator } from "react-navigation-stack";
import { createAppContainer } from "react-navigation";
import { Home } from "
浏览 12提问于2020-01-15得票数 2
回答已采纳
有人能在我早期的旅程中帮助我使用“反应本地人”和“世博”吗？
JSX元素类型“Text”没有任何构造或调用signatures.ts(2604)
App.tsx
import { StyleSheet, Text, View } from 'react-native';
import FrontCard from './components/FrontCard';
const App = () => {
return (
<View style={styles.container}>
<FrontCard /&g
浏览 8提问于2022-11-12得票数 0
回答已采纳
其余的错误消息说：“您可能忘记了从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。 这是我的Camera.js文件： import React from 'react';
import {CameraKitCameraScreen, CameraType} from 'react-native-camera-kit';
import {SafeAreaView, StyleSheet, Text, View, Platform, TouchableHighlight } from 'react-native'
export cla
浏览 11提问于2021-04-21得票数 0
还有很多同样标题的帖子，但大多数都过时了，答案对我没有用。以下是我尝试过的一些失败的修复方法：
本机启动--reset-cache""npm启动--reset-cache""npm运行android --reset-cache""cd android ->梯度干净的-> cd“删除和重新安装node_modules folderdeleting，并在更新react之前和之后重新安装node_modules文件夹--原生和执行/npm审计修复。上面说有0 vulnerabilitiesyarn安装和纱线升级
当我试图运行它时，即使在重新
浏览 0提问于2021-05-08得票数 8
到目前为止，我刚刚在一个新的应用程序中找到了这个：
import React from 'react';
import { View } from 'react-native';
import { Header } from './components/Header';
const App = () => {
return (
<View>
<Header withTitle='AppTitle' />
</View>
);
};
export d
浏览 4提问于2022-05-02得票数 0
回答已采纳
我正在使用这个包react-native-parallax-scroll-view，它没有一个预设的类型包，比如：@types/...，因为某种原因，当我在.d.ts文件中这样声明这个包时，我不得不修改这个包并制作我自己的副本：
declare module "../modified_modules/react-native-parallax-scroll-view";
它没有被声明为ts的一个模块，我如何解决这个问题？
浏览 0提问于2018-11-11得票数 0
回答已采纳
我一直在为下面的代码而挣扎。这是错误。
这是我的OnboardPage.js
import React, { Component } from 'react';
import {
View,
StyleSheet,
Button,
Text
} from 'react';
import { render } from 'react-dom';
import { TouchableOpacity } from 'react-native';
const OnboardPage = () =>
浏览 3提问于2021-05-31得票数 0
2回答
我正在尝试创建一个用于世博会项目的monorepo。为了简单起见，我仅包含我认为您需要了解我所做的工作的信息。 文件结构 ├── monorepo
│ ├── package.json
│ ├── apps
│ │ ├── myapp
│ │ │ └── App.tsx
│ ├── packages
│ │ │── mylib
│ │ │ │── package.json
│ │ │ │── index.ts
│ │ │ │── index.d.ts
│ │ │ │── test.js myapp/App
浏览 20提问于2020-12-24得票数 1
2回答
我正在学习React Native，只是对导入第一行中的括号感到好奇
import React, { Component } from 'react';
import { AppRegistry, Text } from 'react-native';
class HelloWorldApp extends Component {
render() {
return (
<Text>Hello world</Text>
);
}
}
AppRegistry.registerComponent(
浏览 1提问于2016-07-15得票数 0
我正在导入一个组件到我的react本地应用程序，即使在尝试了我已经在网上找到的解决方案之后，我仍然会得到相同的错误，所以我可能是个初学者，所以我错过了一些显而易见的东西
我试着用大括号包装我的导入名，但它似乎没有帮助
my main app.js
import React from 'react';
import { StyleSheet, View, Header, } from 'react-native';
import { NumberInput } from './src/components/NumberInput&#
浏览 0提问于2019-07-29得票数 2
1回答
我是个新手--土生土长。我目前正在尝试添加一个自定义按钮。每当我试图导入我创建的文件(或者我自己创建的任何文件)时，我总是会收到无法解决的错误。我看了很远很远，但我没有找到任何可行的解决办法。
相关信息: Npm版本: 6.14.13，React本地版本: 0.63.2，世博会版本: 4.5.2。
项目结构：
我所犯的错误：
Unable to resolve module ./components/custombutton.js from C:\Users\levik\Desktop\App\App\App.js:
None of these files exist:
* compo
浏览 0提问于2021-06-18得票数 1
回答已采纳
我正在尝试导出初始组件，但一直收到Invariant Violation错误：
有没有更好的方法来导出我的HMAPP组件并将其导入App.js？
错误图片：
这是我的App.js：
import HMAPP from './app/HMAPP';
export default HMAPP;
这是我的HMAPP组件：
import { Provider } from 'react-redux';
import { persistStore } from 'redux-persist';
import { Navigation } from &#
浏览 1提问于2018-09-13得票数 2
回答已采纳
我不确定这是一个普通的scala.js世界的问题，还是特别的slinky/slinky-本地/slinky-热的问题？
FYI，使用
libraryDependencies += "me.shadaj" %%% "slinky-native" % "0.7.0"
libraryDependencies += "me.shadaj" %%% "slinky-hot" % "0.7.0"
addSbtPlugin("org.scala-js" % "sbt-scalajs
浏览 15提问于2022-09-08得票数 0
获取以下错误:路由'Books‘的组件必须是React组件。例如:从‘./ MyScreen’导入MyScreen；但我甚至没有在这个屏幕中使用react导航。 https://snack.expo.io/@ganiyat1/colorful-thrills import React, { useState } from 'react';
import { StyleSheet, SafeAreaView } from 'react-native';
import MaterialTabs from 'react-native-materi
浏览 23提问于2020-08-20得票数 0
你好，当我试图实现一个包含注销按钮的头文件时，我得到了这个错误。我得到的错误是检查render method.But can't‘t The error.The文件，在这个文件中我得到的错误如下
import React from "react";
import {
ScrollView,
View,
StyleSheet,
Image,
Text,
Button,
Title,
Header,
AsyncStorage,
Icon
浏览 0提问于2018-06-20得票数 0
1回答
我遇到了在不同文件中的屏幕之间导航的问题；我假设这是由于不正确地将功能组件从一个文件导出到另一个文件。我为它创建了一个零食：https://snack.expo.dev/@figbar/exportingbetweenscreens，并将代码粘贴到下面。本质上，如果'DetailsScreen‘在app.js中，项目将成为示例导航项目，并正常工作，但是，当它在这个新文件中时，导航到的详细信息屏幕是空白的。 App.js： import * as React from 'react';
import { Button, View, Text } from 're
浏览 1提问于2021-07-29得票数 0
回答已采纳
1回答
我是新来的反应本地人。当我在Android模拟器上运行项目时，会显示这个错误。我尝试了许多解决方案，但都没有奏效。
错误日志：
不变冲突:元素类型无效：
预期字符串(用于内置组件)或类/函数(用于组合组件)，但未定义。
LoginForm.js代码：
import React, {Component} from 'react';
import {View} from 'react-native';
import {Button,Card,CardSection} from './components'
class LoginForm
浏览 0提问于2018-04-24得票数 0
我是新来的反应。我试图建立一个简单的导航系统，但是我遇到了错误：
这是我的密码。
index.js
import { AppRegistry } from 'react-native';
import HomeNavigator from "./navigations/HomeNavigator";
AppRegistry.registerComponent('enRecover', () => HomeNavigator);
导航/HomeNavigator.js
import React from 'react
浏览 1提问于2018-04-17得票数 1
回答已采纳
在从屏幕页访问此自定义组件时出现问题。我敢肯定这个办法是直接的
构成部分：
import React from 'react';
import { Text, View, Button } from 'react-native';
class Ohno extends React.Component {
render(){
return(
<Text>Test</Text>
)
}
}
export default Ohno
Screen:
import{ React, Co
浏览 1提问于2021-12-25得票数 0
回答已采纳
2回答
我刚开始响应本机，目前正在尝试创建一个名为OpButton的自定义组件。这只是一个按钮，以便我可以尝试导入和导出组件。然而，每次我试图导入它时，我都会收到诸如“不变违规”之类的错误，并且不知道如何修复它。
import React, { Component } from 'react';
import { Button, Alert } from 'react-native';
export default class OpButton extends Component {
render() {
return (
<Button
浏览 1提问于2018-09-20得票数 2
回答已采纳
我正在用reactJS创建我的第一个应用程序，但是我一直收到这个错误：
Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM element) or a ReactClass (for composite components). Check the render method of 'App'
我已经读过十几个问题了，但没有一个问题能帮我解决这个问题。这是我的档案：
我的app.js文件：
impo
浏览 3提问于2016-12-21得票数 2
回答已采纳
2回答
在我要进入iOS模拟器的error中，对我来说没有任何意义。我的Home.js组件对我来说似乎没问题。我不明白我是怎么得到这个错误的。我已经清楚地导出了组件。我怎样才能摆脱这个错误？
这是Home.js
import React from 'react';
import Container from 'native-base';
import {MapContainer} from "../../../components/MapContainer/index";
class Home extends React.Component {
浏览 4提问于2017-08-16得票数 1
回答已采纳
Flatlist实现但数据呈现不正确
App.js
import React, {Component} from 'react';
import Main from './components/MainComponents';
import {Platform} from 'react-native';
const instructions = Platform.select({
ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu'
浏览 1提问于2018-12-22得票数 4
回答已采纳
我是第一个在我的代码中添加覆盖时出现此错误的人 const HomeScreen = ({ navigation }) => {
const [modal, setModal] = useState(true);
return (
<View>
<Button
buttonStyle="moreBtn"
title="aaa"
onPress={() =>
navigation.navigate('
浏览 39提问于2020-07-27得票数 0
2回答
我有一个问题，导入我的堆栈导航在一个反应-本机项目。我使用的是JSX语法。下面，我已经发布了关于这个项目的信息，我希望是相关的，以找到解决这个问题的办法。
下面的代码执行导入操作。它位于一个名为App.js的文件中。
import { AppNavigator } from '../navigation'
console.log(AppNavigator) // prints undefined
AppNavigator.js看起来如下所示：
import { createStackNavigator } from 'react-navigation'
浏览 0提问于2018-07-03得票数 3
回答已采纳
有时，我们在es6中加载如下内容：
import FlatList from 'react-native';
但是，有时我们用花括号覆盖这个导入的对象，如
import {'FlatList'} from 'react-native';
请告诉我什么时候应该使用这个括号。
浏览 1提问于2019-05-20得票数 3
回答已采纳
1回答
redux-表单元素类型无效
、、、、
“元素类型无效”我仍然收到这个错误，不知道该怎么办。尝试了<form>和<Form>仍然是一样的。请帮助:这是我的组件，保存在：“./ AzForm.js /testComponent”
import React from 'react'
import { Provider } from 'react-redux'
import { Container, Content, Text, Form } from 'native-base';
//import { createStore } from 'redux&
浏览 1提问于2017-10-23得票数 0
我的js文件中包含以下内容：
import { NativeRouter, Route, Link } from 'react-router-native'
运行eslint时，我得到以下错误：
error Route not found in 'react-router-native' import/named
然而，我的应用程序运行得很好，我只是在运行eslint时得到了错误。为什么会这样呢？
来自package.json：
"eslint": "^4.15.0",
"eslint-config-airbnb
浏览 31提问于2018-02-02得票数 0
我想知道如何在不使用选项卡或堆栈导航的情况下导航我的react原生应用程序。我想创建一个按钮，然后onPress直接导航到该页面。我正在使用来尝试实现与createDrawerNavigator相同的功能。这看起来很简单。但是，在我的DrawerScreen.js中，当我尝试并单击按钮进行导航时，我得到了前面提到的错误。
我确实尝试过这样的东西：
<TouchableOpacity onPress = {() => this.props.navigation.navigate('Home')}>
<Text> Home </Text&
浏览 1提问于2018-08-24得票数 0
不变冲突:元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件)，但got: object。您可能忘记了从定义组件的文件中导出组件。
当我尝试在我的物理设备上运行应用程序时，它显示错误。有没有人有同样的问题？我有添加“导出默认应用程序”的方法，但似乎没有帮助。
这是App.js文件
import React, { Component } from 'react';
import {
Platform,
StyleSheet,
Text,
View,
AppRegistry
} from 'react-native';
import
浏览 11提问于2018-01-16得票数 0
我刚开始学习Reactive原住民，我在我的应用程序中很难绘制一个视频。基本上，所发生的事情是相同的样式表，我所使用的其他部分，我的代码工作的一切，除了我使用它在我的视频。我不知道为什么..。
以下是我为解决此错误所做的工作：
我有npm安装-保存react-native-videoRan react本机链接(我认为您不再需要这样做了，但我只是为了以防万一)检查了以查看我的拼写是否正确.
这是该组件的主要代码。
import React, { Component } from "react";
import { Button, StyleSheet, View, Text }
浏览 1提问于2020-05-23得票数 0
我有一个名为ColorBox的组件，在它的文件夹中有组件本身，它的样式，以及我的类型的索引文件和index.d.ts文件： ColorBox
|- Colorbox.tsx
|- index.ts
|- styles.ts
|- index.d.ts 这是我的index.d.ts文件： export interface IProps {
colorName: string;
colorHex: string;
}
export interface IBGColor {
backgroundColor: string;
} 这是我的ColorBox.t
浏览 130提问于2020-08-28得票数 0
刚开始学习react native，我试图弄清楚react native项目是如何运行的，但我对以下代码感到困惑：
import { AppRegistry, Text, TextInput, View } from 'react-native';
我假设在我的项目文件夹中应该有像Text.js和TextInput.js这样的文件，它们将在执行过程中被调用。我确实找到了两个，但它们都在不同的地方。Text.js在proj_root\node_modules\react-native\Libraries\Text中，但TextInput.js在proj_root\node_mod
浏览 0提问于2018-02-17得票数 0
当我试图使用jest添加一个简单的单元测试时，我目前正面临着一个问题。它一直抛出TypeError:Component is not a function error，我无法修复它。有没有人之前遇到过同样的错误，或者有人有任何关于如何修复它的想法？真的很感谢！
我从jest得到的测试结果如下：
Using Jest CLI v11.0.2, jasmine2, babel-jest
Running 1 test suite...Warning: React.createElement: type should not be null, undefined, boolean, or number
浏览 0提问于2016-06-09得票数 4
我正在学习react-native编程，我的下面的程序工作良好，如果我删除按钮，当我添加按钮时，它会给出一个错误。
import React from 'react';
import {
registerComponent,
} from 'react-native-playground';
import {
StatusBar,
StyleSheet,
Text,
View,
TextInput,
Alert,
Button
} from 'react-native';
class TextInputDemo
浏览 1提问于2016-12-14得票数 0
我以前见过这个问题，但是通过导入/导出大括号解决这个问题的解决方案似乎并不是根本原因。
我可以尝试添加一个功能组件到我的页面React.js，该组件将包括从世博会导入的视频。它似乎导致了一个错误，我觉得这与VideoInstance中的视频类导致了错误有关，但我不确定。
Phase2.js页面
import React from 'react'
import { View, StyleSheet} from 'react-native'
import { VideoInstance } from '../components/Videos'
浏览 25提问于2022-11-23得票数 0
我试图创建一个聊天屏幕，但我得到了这个错误。我想我进口和出口的东西都是正确的。
错误消息：错误:找不到屏幕“聊天”的“组件”、“getComponent”或“子”道具。如果您通过了“未定义”，就会发生这种情况。您可能忘记从定义在其中的文件导出组件，或者在导入时混淆默认导入和命名导入。
此错误位于: in StackNavigator (at App.js:60)
Chat.js :
import React, { Component } from 'react';
import { StyleSheet, Text, View, Image } from 'react-
浏览 1提问于2021-06-18得票数 0
当前行为
使用react-native-tab-view v1.0.0时，出现错误：
Invariant Violation: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, o
浏览 36提问于2018-08-31得票数 4
我让这个Error尝试使用这个Component。
错误:元素类型无效:预期为字符串(用于内置组件)或类/函数(用于组合组件)，但未定义。您可能忘记从定义在其中的文件中导出组件，或者您可能混淆了默认导入和命名导入。
检查Toolbar的呈现方法。
下面是代码：
import React, {useState} from 'react';
import {View, TouchableWithoutFeedback, TouchableOpacity} from 'react-native';
import {RNCamera} from 'reac
浏览 3提问于2020-12-01得票数 0
回答已采纳
我试着在一个按钮上制作一个简单的动画，看看它是否工作，为此我使用了react-spring ，但出现了一个问题。
这就是我用来创建动画的方法：
import React from "react";
import { animated, Spring } from "react-spring/native";
import { Button } from "react-native";
const AnimatedButton = animated(Button);
class ThermoComponent extends React.Com
浏览 0提问于2020-07-31得票数 0
1回答
在阅读了许多其他类似的问题之后，我仍然无法导入我的自定义组件。
以下是主要观点：
import React from 'react';
import {Image, StyleSheet, Text, View} from 'react-native';
import {LOGO} from '../../assets/logo.png';
import {testingInput} from './testingInput';
function tempScreen({navigation}) {
return (
浏览 4提问于2021-07-07得票数 0
回答已采纳
我正在建立一个狗收养应用程序，我有它的设置有三个主要的屏幕。(主页，搜索页面，和个人资料页。使用Map的文档是基于在App.js文件上构建地图视图的，但我希望将它放在另一个屏幕上。
到目前为止，这是我的App.js文件：
import { StatusBar } from 'expo-status-bar';
import { ImageBackground, StyleSheet, Text, Image, View, Button, TouchableOpacity, Alert, Dimensions } from 'react-native';
impo
浏览 4提问于2022-11-23得票数 0
我目前正在使用react native和mobx构建一个应用程序。我的问题是，在存储中的可观察值发生更改后，组件不会重新呈现。我的代码如下所示：
组件/phoneNumberChange.js：
@inject('store')
@observer export class PhoneNumberChange extends React.Component{
renderPhoneInput = () => (
<React.Fragment>
<Button onPress={() => this.props.store.showCo
浏览 0提问于2019-03-18得票数 1
我正在尝试为我的项目将我的第二个文件导入App.js。我得到的错误是“开发服务器返回响应错误代码: 500”。基本上说“无法从”App.js中解析"App.js“。
为什么会发生这种情况？我相信这是正确的，但由于某种原因，这个bugfest说文件不存在。第一个代码是我的App.js文件，第二个代码是我试图导入的代码。
import React from 'react';
import MainFile from './components/MainFile';
export default class App extends React.Comp
浏览 5提问于2019-01-19得票数 1
回答已采纳
我很难弄清楚React Native的神秘错误消息是什么意思。我已经遇到以下错误大约30分钟了，在谷歌搜索之后，我仍然不知道如何修复它:找不到屏幕'User‘的'component’、'getComponent‘或'children’道具。 我的App模块： import React, { useEffect, useState } from 'react';
import { ActivityIndicator, FlatList, Button, View, Text, Image, StyleSheet } from 'react
浏览 11提问于2020-10-03得票数 0
2回答
我试图在我的react应用程序中打开一个不同的屏幕，但我得到了一个错误：
“路由‘配置文件’的组件必须是反应性组件。”
这是App.js文件：
import {StackNavigator} from 'react-navigation';
import {StyleSheet, View, Button, AppRegistry} from 'react-native';
import Profile from '../AwesomeProject';
export default class App
浏览 0提问于2018-04-22得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
