我是高级前端web开发班的大三学生,我们刚刚开始学习react。我是React的新手,正在与这个错误作斗争。我正在为我的最后一个项目构建一个电子商务网站,我通过创建React应用程序将@moltin/sdk与React和Redux一起使用,所以我没有webpack配置。我的代码成功地编译了,然而,我得到了这个错误:
blockquote错误:元素类型无效:应为字符串(用于内置组件(或类/函数(用于复合组件(,但得到:未定义。您可能忘记了从中定义的文件导出组件,或者您可能混淆了默认导入和命名导入。
我不确定出了什么问题。我检查了我的所有组件,并在它们各自的文件中为每个组件设置了导出默认值,因为导出默认值仅限于每个文档一个。任何帮助都将不胜感激,我已经通过index.js文件包含了根据错误和错误消息的问题来源。
错误消息图片
import React from 'react';
import {render} from 'react-dom';
import './index.css';
import { Provider } from 'react-redux';
import { ConnectedRouter } from 'react-router-redux';
import App from '../src/component/App.js';
import store, { history } from './store';
const target = document.getElementById('root');
render(
<Provider store={store}>
<ConnectedRouter history={history}>
<div>
<App />
</div>
</ConnectedRouter>
</Provider>, target
);
这是关于React ^16.13.1,React redux ^7.2.0和redux ^4.0.5。再次感谢!
import { ConnectedRouter } from 'connected-react-router'
这是Connected Router的实际导入。connected-react-router
是用于React Router的Redux绑定的库。使用以下命令安装此程序包。
npm install --save connected-react-router