文章/答案/技术大牛

发布

社区首页 >问答首页 >在我的Gatsby项目中添加react头盔会导致错误:元素类型无效。

问在我的Gatsby项目中添加react头盔会导致错误:元素类型无效。
EN

Stack Overflow用户

提问于 2020-05-29 04:50:17

回答 1查看 1.2K关注 0票数 1

我有一个组件Layout，我用它来设计我的应用程序的布局，这就是我介绍react-helmet的地方。

组件是这样的

import React from 'react';
import { Global, css } from '@emotion/core';
import Helmet from 'react-helmet';
import Header from '../components/header';

const Layout = ({ children }) => (
  <>
    <Global
      styles={css`
        // some CSS style
    />

    <Helmet>
      <html lang="en" />
      <title>title</title>
      <meta name="description" content="site description" />
    </Helmet>

    <Header />
    <main
      css={css`
       // some css
      `}
    >
      {children}
    </main>
  </>
);

export default Layout;

在我添加了<Helmet />之后，出现了这个错误弹出。如果我从组件中删除<Helmet />，错误就会消失。显然，我没有忘记导出我的Layout组件，所以我真的不知道这是从哪里来的。

javascript

reactjs

gatsby

react-helmet

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-05-29 04:52:58

您需要在react-helmet中使用命名导入。

import {Helmet} from "react-helmet";

博士：https://github.com/nfl/react-helmet#example

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/62078940

复制

相似问题

问在我的Gatsby项目中添加react头盔会导致错误:元素类型无效。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在我的Gatsby项目中添加react头盔会导致错误:元素类型无效。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在我的Gatsby项目中添加react头盔会导致错误:元素类型无效。
EN