Я искал решение в последний час, и ничего не помогло. Мой экспорт и импорт определены правильно. Я также попытался заменить все содержимое Clock.js другим компонентом, и это сработало. я просто схожу с ума..
import React from 'react';
const pad = n => (n < 10 ? `0${n}` : n);
const format = t => `${pad(t.getUTCHours())}:${pad(t.getUTCMinutes())}:${pad(t.getUTCSeconds())}`;
const Clock = ({ lastUpdate, light }) => (
<div className={light ? 'light' : ''}>
{format(new Date(lastUpdate))}
<style jsx>{`
div {
padding: 15px;
display: inline-block;
color: #82FA58;
font: 50px menlo, monaco, monospace;
background-color: #000;
}
.light {
background-color: #999;
}
`}
</style>
</div>
);
export default Clock;
Импорт и вызов:
import Clock from '../components/Clock';
<Clock lastUpdate={lastUpdate} light={light} />
Ошибка:
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 imports.
Часы импортированы в: https://pastebin.com/fWRCaYM5
<style jsx>
что это? - person Roy Wang   schedule 23.04.2018<style jsx> ... </style>
? (это похоже на ужасную библиотеку, которая, кстати, поощряет плохие методы) - person Roy Wang   schedule 23.04.2018Clock
. Возможно ошибка именно в этом файле. - person Roy Wang   schedule 23.04.2018const Clock = () => null
? - person Roy Wang   schedule 23.04.2018