React-Native error: нарушение инварианта: недопустимый тип элемента

Question

Я новичок в мире программирования, теперь я практикую реактивный, наблюдая за некоторыми учебниками на YouTube.

Это то, что я смотрю: https://www.youtube.com/watch?v=gyiwFcrVRCM&list=WL&index=79&t=0s

Этот создатель YouTube даже поместил свой исходный код: https://git.io/fjLxo Экспо Снэк: https://snack.expo.io/@react-ui-kit / p ...

Когда я копирую все с самого начала наблюдения, эта ошибка

Нарушение инварианта: недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получено: объект , Вероятно, вы забыли экспортировать компонент из файла, в котором он определен, или вы перепутали импорт по умолчанию и имена.

Проверьте метод рендеринга 'App'.

происходит и даже на выставке создателя такая же проблема возникает на моей маме c.

Моя версия:

• act-native-cli: 2.0.1
• response-native: 0.61.5
• и я использую MacOS Catalina версии 10.15.3

Я буду очень признателен, если кто-нибудь сможет решить эту проблему. Спасибо за чтение.

Answer 1

Эта ошибка возникает, когда вы смешиваете именованный экспорт с экспортом по умолчанию наоборот

e.g
var user ="abc"
export const user //named export
export default user //default export

Например, если вы импортируете, как это

import MyDefaultComponent from "./MyDefaultExport"; //import default export module

, замените его на

import {MyDefaultComponent} from "./MyDefaultExport"; //import named export module

ознакомьтесь с этой статьей для более детального понимания named-export-vs-default-export-in-es6