Javascript 元素类型无效：应为字符串（…），但得到：对象 App.js 从“React”导入React； 从“react dom”导入react dom； 类。组件{ render（）{ 回你好，我是一辆车！； } } 出口默认汽车； index.js 从“React”导入React； 从“react dom”导入react dom； 从“/App.js”导入汽车； ReactDOM.render（，document.getElementById（'root'））；

我得到一个错误： 错误：元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：对象。您可能忘记了从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入

检查

HotExportedComponent

的渲染方法

我知道导入指向了正确的类。当我第一次在本地运行时，浏览器中会显示所需的文本“嗨，我是一辆车！”。大约半秒钟后，错误弹出。我认为这是由于错误消息中指出的热重新加载。我也用盖茨比来做这个

---

Gatsby使用React的内置解析，您不需要像独立的React应用程序一样在

index.js

页面中导入

ReactDOM

。只是：

import React from 'react';
// import ReactDOM from 'react-dom'; //remove it
import Car from './App.js';

const Index = ()=>{
   return <Car/>
}

export default Index;

从“React”导入React；
//从“react dom”导入react dom//移除它
从“/App.js”导入汽车；
常数索引=（）=>{
返回
}
出口违约指数；

让您的代码在此处工作：。您面临的问题可能与react hot loader的

hot

功能有关请参阅。希望这对您有所帮助：）

import React from 'react';
import ReactDOM from 'react-dom';
import Car from './App.js';

ReactDOM.render(<Car />, document.getElementById('root'));

import React from 'react';
// import ReactDOM from 'react-dom'; //remove it
import Car from './App.js';

const Index = ()=>{
   return <Car/>
}

export default Index;