tauri-apps / meilisearch-docsearch Goto Github PK

I would like to use this plugin in my Docusaurus project. However, when I configure the plugin, the following error occurs:
Error: Docusaurus could not load module at path "/Users/bytedance/code/self_learning/my-website/node_modules/meilisearch-docsearch/dist/index.cjs"
Cause: (0 , import_web.template) is not a function
at loadFreshModule (/Users/bytedance/code/self_learning/my-website/node_modules/@docusaurus/utils/lib/moduleUtils.js:36:15)
at normalizePluginConfig (/Users/bytedance/code/self_learning/my-website/node_modules/@docusaurus/core/lib/server/plugins/configs.js:44:65)
... 6 lines matching cause stack trace ...
at async Command.start (/Users/bytedance/code/self_learning/my-website/node_modules/@docusaurus/core/lib/commands/start.js:44:19) {
[cause]: TypeError: (0 , import_web.template) is not a function
at /Users/bytedance/code/self_learning/my-website/node_modules/meilisearch-docsearch/dist/index.cjs:51:53
at evalModule (/Users/bytedance/code/self_learning/my-website/node_modules/jiti/dist/jiti.js:1:256443)
at jiti (/Users/bytedance/code/self_learning/my-website/node_modules/jiti/dist/jiti.js:1:254371)
at loadFreshModule (/Users/bytedance/code/self_learning/my-website/node_modules/@docusaurus/utils/lib/moduleUtils.js:33:16)
at normalizePluginConfig (/Users/bytedance/code/self_learning/my-website/node_modules/@docusaurus/core/lib/server/plugins/configs.js:44:65)
at /Users/bytedance/code/self_learning/my-website/node_modules/@docusaurus/core/lib/server/plugins/configs.js:98:60
at Array.map ()
at loadPluginConfigs (/Users/bytedance/code/self_learning/my-website/node_modules/@docusaurus/core/lib/server/plugins/configs.js:98:38)
at async initPlugins (/Users/bytedance/code/self_learning/my-website/node_modules/@docusaurus/core/lib/server/plugins/init.js:42:27)
at async loadPlugins (/Users/bytedance/code/self_learning/my-website/node_modules/@docusaurus/core/lib/server/plugins/index.js:26:21)
at async load (/Users/bytedance/code/self_learning/my-website/node_modules/@docusaurus/core/lib/server/index.js:76:58)
at async Command.start (/Users/bytedance/code/self_learning/my-website/node_modules/@docusaurus/core/lib/commands/start.js:44:19)
}
If anyone has encountered this before, could you please tell me how to fix it?

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Other Branches

These updates are pending. To force PRs open, click the checkbox below.

• Update pnpm/action-setup action to v2.2.4
• Update actions/checkout action to v3

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• Update dependency esbuild-plugin-solid to ^0.5.0

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

Thanks for the great repo!

I wish to deploy this web component from a static webpage. Would it be possible to wrap this into a static asset using something like https://webpack.js.org/?

Hello,

I am trying to implement this Search into Docusaurus.

So far I did:

1. Create Docusaurus instance
2. Install Docsearch: npm install meilisearch-docsearch
3. Swizzle SearchBar component npm run swizzle @docusaurus/theme-classic SearchBar -> Choose Eject Method
4. Set up component in \docusaurus\src\theme\SearchBar.js

This is how my SearchBar.js code looks like:

import React from 'react';
import { docsearch } from "meilisearch-docsearch/js";
import "meilisearch-docsearch/css";

export default function SearchBarWrapper() {

  docsearch({
    container: "#docsearch",
    host: "https://ms-1c8012be0538-2040.fra.meilisearch.io",
    apiKey: "XXXXXXX",
    indexUid: "docs",
  });

  return (
    <>
      <div id="docsearch"></div>
    </>
  );
}

Unfortunately, I get this error afterwards:

Module not found: Error: Package path ./js is not exported from package ..\docusaurus\node_modules\meilisearch-docsearch (see exports field in ..\docusaurus\node_modules\meilisearch-docsearch\package.json)
client (webpack 5.84.1) compiled with 1 error

When changing the import method to this:

import { docsearch } from "meilisearch-docsearch";

I get this:

Uncaught runtime errors:
ERROR
element is null
render/<@webpack-internal:///./node_modules/solid-js/web/dist/dev.js:185:53
createRoot/updateFn<@webpack-internal:///./node_modules/solid-js/dist/dev.js:237:19
runUpdates@webpack-internal:///./node_modules/solid-js/dist/dev.js:857:17
createRoot@webpack-internal:///./node_modules/solid-js/dist/dev.js:242:12
render@webpack-internal:///./node_modules/solid-js/web/dist/dev.js:183:55
A2@webpack-internal:///./node_modules/meilisearch-docsearch/dist/index.js:9:36694
SearchBarWrapper@webpack-internal:///./src/theme/SearchBar.js:8:93
renderWithHooks@webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:14985:27
mountIndeterminateComponent@webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:17811:13
beginWork@webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:19049:16
callCallback@webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:3945:14
invokeGuardedCallbackDev@webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:3994:16
invokeGuardedCallback@webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:4056:31
beginWork$1@webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:23959:28
performUnitOfWork@webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:22774:12
workLoopSync@webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:22702:22
renderRootSync@webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:22665:7
performSyncWorkOnRoot@webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:22288:18
scheduleUpdateOnFiber@webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:21876:28
updateContainer@webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:25477:24
legacyRenderSubtreeIntoContainer/<@webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:26016:22
unbatchedUpdates@webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:22426:12
legacyRenderSubtreeIntoContainer@webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:26015:21
render@webpack-internal:///./node_modules/react-dom/cjs/react-dom.development.js:26098:10
@webpack-internal:///./node_modules/@docusaurus/core/lib/client/clientEntry.js:21:176

Maybe somebody can help me on this issue.

Many Thanks in Advance ☺