我也犯了同样的错误: 错误修复!!!!

我使用'react-router-redux' v4，但她不好.. 在npm安装react-router-redux@next 我在"react-router-redux"上:"^5.0.0-alpha.9"，

这就是工作

React Native最新版本0.50及以上也有类似问题。

对我来说，这是一种区别:

import App from './app'

and

import App from './app/index.js'

(后者解决了这个问题)。我花了好几个小时才发现这个奇怪的，很难注意到的细微差别:(

在嵌套组件时，您是否厌倦了简单的导入/导出回答?

好吧，当我试图把道具从父母传递给孩子时，孩子应该渲染兄弟姐妹组件。

比方说，你有一个BaseDialog(父)组件，你想在其中有另一个SettingsDialog(子)组件，你想在其中呈现它的独立组件。

BaseDialog.tsx

import BaseButton from "./../BaseButton";
...
<SettingsDialog
  BaseButton={<BaseButton title="Connect Wallet" />}
/>

你试图在settings。dialog。tsx的某个地方进行渲染

const SettingsDialog = (props: {
  BaseButton: any;
}) => {
  const { BaseButton } = props;

  return(
    <div>
      {BaseButton}
    </div>
  );
}

(是的，这是一种方便的方法来传递组件的父->子，特别是当它们增长时，但在这里它会中断)，但它会导致Uncaught Error: Invariant Violation:元素类型是无效的:期望一个字符串(对于内置组件)或类/函数，但got: object错误。

你能做的是，修复它，并仍然使用BaseButton，只是单独导入它。

Settings.Dialog.tsx

import BaseButton from "./../BaseButton";

const SettingsDialog = () => {
  return(
    <div>
      <BaseButton title="Connect Wallet" />
    </div>
  );
}

在parent中

BaseDialog.tsx

<SettingsDialog />

您试图实现的是相同的，并将修复这个不直观的错误。

在我的例子中，我假设BaseDialog有一个名称标题的必需道具。

在文件底部导出可以解决这个问题。

const IndicatorCloak = (props) => { ... }
export default IndicatorCloak;

您需要导出default或require(path).default

var About = require('./components/Home').default

在类似的情况下，我有同样严重的错误，我专注于代码，但以上似乎没有改善情况。我正在从Javascript转换到Typescript，但由于一些奇怪的原因，我同时拥有两个文件。删除JS版本解决了这个问题，这可能会节省一些人的时间。