Приложение. js
import React from 'react';
import ReactDOM from 'react-dom';
class Car extends React.Component {
render() {
return <h2>Hi, I am a Car!</h2>;
}
}
export default Car;
index. js
import React from 'react';
import ReactDOM from 'react-dom';
import Car from './App.js';
ReactDOM.render(<Car />, document.getElementById('root'));
Я получаю сообщение об ошибке: Ошибка: недопустимый тип элемента: ожидается строка (для встроенного -in компоненты) или класс / функция (для составных компонентов), но получили: объект. Вероятно, вы забыли экспортировать свой компонент из файла, в котором он определен, или вы перепутали импорт по умолчанию и имена.
Проверьте метод рендеринга HotExportedComponent
.
Я знаю импорт указывает на правильный класс. Когда я впервые запускаю локально, в браузере отображается нужный текст: «Привет, я автомобиль!». Затем примерно через полсекунды появляется ошибка. Я думаю, что это что-то с горячей перезагрузкой, как указано в сообщении об ошибке. Также я использую Гэтсби для этого.