appbaseio / appbaseio/reactivesearch

with-ssr Nuxt example does not run

Open
#2,300 1 comment 1 reaction 0 assignees View on GitHub
bug
Dominant language
JavaScript
Stars
4.9k
Forks
478
PR merge metrics
No merged PRs in 30d

Description

**Affected Projects**
Vue.js/Nuxt

**Library Version:** x.y.z
3.3.5

**Describe the bug**
SSR/Nuxt example https://github.com/appbaseio/reactivesearch/tree/next/packages/vue/examples/with-ssr does not work without throwing errors:

Client errors:
vue-router.js?v=ca77ffe0:2698 SyntaxError: The requested module '/_nuxt/node_modules/isomorphic-dompurify/browser.js?v=ca77ffe0' does not provide an export named 'default' (at SearchBox-e655a9ad.js?v=ca77ffe0:20:8)
triggerError @ vue-router.js?v=ca77ffe0:2698
Show 1 more frame
Show less
nuxt.js?v=ca77ffe0:98 [nuxt] error caught during app initialization SyntaxError: The requested module '/_nuxt/node_modules/isomorphic-dompurify/browser.js?v=ca77ffe0' does not provide an export named 'default'
(anonymous) @ nuxt.js?v=ca77ffe0:98
Show 1 more frame
Show less
browser.mjs?v=ca77ffe0:44 error [nuxt] error caught during app initialization SyntaxError: The requested module '/_nuxt/node_modules/isomorphic-dompurify/browser.js?v=ca77ffe0' does not provide an export named 'default'

Server side warnings:
WARN [VueTypes warn]: oneOf - value should be one of "[object Object]", "[object Object]".

WARN [Vue warn]: Invalid prop: custom validator check failed for prop "theme".

WARN [Vue warn]: Property "$emotionCache" was accessed during render but is not defined on instance.

WARN [VueTypes warn]: oneOf - value should be one of "[object Object]", "[object Object]".

WARN [Vue warn]: Invalid prop: custom validator check failed for prop "userThemeProp".

WARN [VueTypes warn]: oneOf - value should be one of "[object Object]", "[object Object]".

WARN [Vue warn]: Invalid prop: custom validator check failed for prop "theme".

WARN [Vue warn]: Property "$emotionCache" was accessed during render but is not defined on instance.

WARN [VueTypes warn]: oneOf - value should be one of "[object Object]", "[object Object]".

WARN [Vue warn]: Invalid prop: custom validator check failed for prop "userThemeProp".

**To Reproduce**
Using Node v20.11.1
1. Download files at https://github.com/appbaseio/reactivesearch/tree/next/packages/vue/examples/with-ssr
2. Follow readme at that location to ```npm install``` and ```npm run dev```.

**Expected behavior**
Unable to use facets in given example in browser or run example without client and server errors.

**Screenshots**
Screenshot 2024-05-20 at 12 23 11 PM

**Desktop (please complete the following information):**
- OS: Sonoma 14.4.1
- Browser Brave
- Version v1.65.133

**Additional context**
[localhost-1716204380543.log](https://github.com/appbaseio/reactivesearch/files/15376438/localhost-1716204380543.log)
[localhost-1716204364068.log](https://github.com/appbaseio/reactivesearch/files/15376440/localhost-1716204364068.log)
[localhost-1716204343263.log](https://github.com/appbaseio/reactivesearch/files/15376441/localhost-1716204343263.log)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.