Question

我是我的高级前端Web开发班的一名大三学生，我们才刚刚开始学习反应。我对React还是很陌生，并且正在为这个错误而苦苦挣扎。我正在为我的最终项目构建一个电子商务网站，并且通过create-react-app将@ moltin / sdk与React和Redux结合使用，所以我没有webpack配置。我的代码已成功编译，但是，出现此错误：

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

我不确定这是怎么回事。我检查了所有组件，并在各自的文件中为每个组件设置了导出默认值，因为每个文档的导出默认值限制为一个。任何帮助将不胜感激，根据错误和错误消息，我已经将index.js文件包含在其中了问题所在。

Error Message Picture

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上。再次谢谢你！

Answer 1

import { ConnectedRouter } from 'connected-react-router'

这是已连接路由器的实际导入。 connected-react-router是用于React Router的Redux绑定的库。使用以下命令安装此软件包。

npm install --save connected-react-router

反应本机错误！元素类型无效：预期为字符串或类/函数，但得到：未定义

1 个答案: