在我的情况下，我使用默认导出，但不导出函数或React。组件，但只是一个JSX元素，即。

错误:

export default (<div>Hello World!</div>)

工作原理:

export default () => (<div>Hello World!</div>)

在我的例子中，它是元标签。

我在用

const MetaTags = require('react-meta-tags');

我猜MetaTags是一个默认的导出，所以改变为这个解决了我，花了几个小时来弄清楚是哪一个导致它。

const { MetaTags } = require('react-meta-tags');

我有同样的问题，问题是一些js文件不包括在该特定页面的捆绑。尝试包括这些文件，问题可能会得到解决。 我是这样做的:

.Include("~/js/" + jsFolder + "/yourjsfile")

它帮我解决了这个问题。

这是当我使用React在Dot NEt MVC

在我的例子中，这是由错误的注释符号引起的。这是错误的:

<Tag>
    /*{ oldComponent }*/
    { newComponent }
</Tag>

这是正确的:

<Tag>
    {/*{ oldComponent }*/}
    { newComponent }
</Tag>

注意花括号

我也有这个问题。我的导入看起来很好，我可以复制我的副本的内容，并将其粘贴到它正在使用的地方，这是有效的。但是对组件的引用出了问题。

对我来说，我只需要关闭expo并重新启动它。

我发现了这个错误的另一个原因。它与CSS-in-JS向React组件中返回函数的顶层JSX返回空值有关。

例如:

const Css = styled.div`
<whatever css>
`;
export function exampleFunction(args1) {
  ...
  return null;
}

export default class ExampleComponent extends Component {
...
render() {
const CssInJs = exampleFunction(args1);
  ...
  return (
    <CssInJs>
      <OtherCssInJs />
      ...
    </CssInJs>
  );
}

我会得到这样的警告:

警告:反应。createElement: type无效——期望一个字符串(对于内置组件)或一个类/函数(对于复合组件)，但得到:null。

接着是这个错误:

未捕获错误:元素类型无效:期望为字符串(对于内置组件)或类/函数(对于复合组件)，但得到:null。

我发现这是因为我试图渲染的CSS-in- js组件没有CSS。我通过确保有CSS被返回而不是一个空值来修复它。

例如:

const Css = styled.div`
<whatever css>
`;
export function exampleFunction(args1) {
  ...
  return Css;
}

export default class ExampleComponent extends Component {
...
render() {
const CssInJs = exampleFunction(args1);
  ...
  return (
    <CssInJs>
      <OtherCssInJs />
      ...
    </CssInJs>
  );
}