ReferenceError:Fusion.js中未定义头盔

时间:2019-12-06 17:10:38

标签: reactjs fusion

我正在构建一个引用Fusion.js docs的Todo应用

我使用fusion-plugin-react-helmet-async添加了yarn插件,但似乎有错误。

我尝试导入头盔,但这似乎不起作用。有什么我想念的吗?谁能帮忙吗?

代码

import React, { useState } from "react";

const Root = () => {
  const [todos, setTodos] = useState([]);
  const [inputText, setInputText] = useState("");

  ...

  return (
    <React.Fragment>
      <Helmet>
        <style>
          {`
        body {
          background-color: #f5f5f5;
          font: 24px 'Helvetica Neue', Helvetica, Arial, sans-serif;
        }
      `}
        </style>
      </Helmet>
      <h1>todos</h1>
      <div className="container">
        ...
      </div>
    </React.Fragment>
  );
};

export default <Root />;

错误消息

error-on-browser

1 个答案:

答案 0 :(得分:0)

文档中缺少

import语句。我为此打开了一个GitHub issue,Fusion.js团队的某人更正了这些文档。 添加以下语句后,它可以工作。

import { Helmet } from "fusion-plugin-react-helmet-async";