Skip to content

Orama Vitepress plugin does not work – searchbox stuck at “Loading Searchbox…” #1002

@PierW

Description

@PierW

Describe the bug

I am trying to integrate Orama Search inside a Vitepress project following the documentation of @orama/plugin-vitepress.
The plugin installs correctly and the project builds, but in the frontend the search UI never loads. Instead, I only see the text:

Loading Searchbox...

Clicking the search input does nothing.

Image

To Reproduce

Create a new Vitepress project

Install the plugin

npm install @orama/plugin-vitepress

Add the plugin in .vitepress/config.js:

import { OramaPlugin } from "@orama/plugin-vitepress";

export default {
  extends: {
    vite: {
      plugins: [OramaPlugin()],
    },
  },
};

Start the dev server

Visit the site and try interacting with the searchbox

Expected behavior

The search UI should load correctly and allow searching documentation pages.

BUT

The frontend displays: Loading Searchbox...
The search input does not react when clicked.

Environment Info

VItepress: 2.0.0-alpha.14 (but also with Vitepress 1.6.4)
Os: macOS Sonoma 14.4
Orama/plugin-vitepress: ^3.1.16 
Node: 23.7.0
NPM: 10.9.2

Affected areas

Search

Additional context

Warnings & Errors

Terminal output:

[vitepress] (client) Failed to load source map for
.../node_modules/@orama/searchbox/dist/index.js
Error: ENOENT: no such file or directory, open
.../node_modules/@orama/searchbox/dist/index.js.map

Browser console:

[Vue warn]: Failed to resolve component: orama-searchbox

[Vue warn]: Extraneous non-props attributes (class) were passed to component...

Uncaught (in promise) TypeError: Cannot convert undefined or null to object

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions