Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

with-ssr Nuxt example does not run #2300

Open
syntheticgoo opened this issue May 20, 2024 · 1 comment
Open

with-ssr Nuxt example does not run #2300

syntheticgoo opened this issue May 20, 2024 · 1 comment
Labels

Comments

@syntheticgoo
Copy link

syntheticgoo commented May 20, 2024

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
localhost-1716204364068.log
localhost-1716204343263.log

@mohdashraf010897
Copy link
Member

Hey @syntheticgoo

We have released a pre-release of @appbaseio/reactivesearch-vue@3.3.7-beta.2 which addresses the issue regarding router-errors.
Here's the codesandbox you can try - https://codesandbox.io/p/devbox/fervent-water-q3rhdy?file=%2Fpackage.json&embed=1

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants