不变违规：元素类型无效：应为字符串或类/函数，但得到：未定义

Question

应用程序.js：

import React from 'react';
import Home from './screens/home';
import Navigator from './routes/drawer';
import Login from './screens/login';

export default class App extends React.Component{

    render() {
        if (false) {
            return (
                <Navigator />
            );
        } else {
            return (
                <Login />
            );
        }
    }
}

登录.js：

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

export default class Login extends React.Component {

    render() {
        return (
            <View style={{ padding: 20 }}>
                <Text>Some text</Text>
            </View>
        )
    }
}

这个程序给了我标题中的错误，这对 Navigator 有效，但对 Login 无效（当 if 设置为 true 而不是 false 时，程序可以正确运行。）Navigator 充当典型的 android 应用程序抽屉容器，但在导入的底部，一切似乎都与渲染选项相同。 完整的错误日志如下...

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, or you might have mixed up default and named exports.

Check the render method of 'Login'.

This error is located at:
in Login...
in App...RCTView...AppContainer...

Answer 1

你的进口是错误的。

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

react模块中没有名为View或Text导出。

Answer 2

检查您的 Login.js 文件。 有些进口是错的！

在此处检查 React Native 内部的组件和 API

解决方案

从反应中删除导入视图和文本

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

export default class Login extends React.Component {

    render() {
        return (
            <View style={{ padding: 20 }}>
                <Text>Some text</Text>
            </View>
        )
    }
}