1

尝试使用gastby-plugin-lunr插件在 Gatsby 中实现搜索功能。

我的gatsby-config.js

{
  resolve: `gatsby-plugin-lunr`,
  options: {
    languages: [
      {
        name: 'en'
      }
    ],
    fields: [
      { name: 'title', store: true, attributes: { boost: 20 }}
    ],
    resolvers: {
      allGhostPost: {
        title: node => node.title
      }
    }
  }
}

但我的索引仍然是空的。已经尝试将标题节点更改为node.fields.title- 仍然无效。

我的搜索组件:

const ContactPage: FunctionComponent = () => {
  const [results, setResults] = useState([]);
  const [query, setQuery] = useState('');

  const search = (event) => {
    const query = event.target.value;
    if (!query || !(window as any).__LUNR__) {
      setResults([]);
    }
    const lunrIndex =  (window as any).__LUNR__['en'];
    const res = lunrIndex.index.search(query);
    setResults(res);
    setQuery(query);
  };

  return (
    <Layout header={<DefaultHeader/>}>
      <input type="text" value={query} onChange={search} />
      <ul>{results.map(page => <li>{page}</li>)}</ul>
    </Layout>
  )
};

有人有想法吗?

4

1 回答 1

2

通过将其更改resolvers为:

   resolvers: {
      GhostPost: {
        title: node => node.title
      }
    }
于 2019-05-19T11:56:28.297 回答