Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

with-ssr Nuxt example does not run

未关闭
#2,300 1 条评论 1 个 reaction 已指派 0 人 在 GitHub 查看

维护者通常 1 天内回复

还没有人认领这个 Issue。

评估

难度
4/5
预计耗时
3-5 天
新手友好度
35/100
Issue 类型
缺陷
描述清晰度
基本清楚
活跃度
停滞
技术栈
javascript, nuxt
领域
frontend

调研方向

从 packages/vue/examples/with-ssr/README 开始,使用 Node v20.11.1、npm install 和 npm run dev 重现该问题。跟踪 client isomorphic-dompurify 导出错误,并结合列出的服务器警告检查附加的 localhost 日志。完成标准是 Nuxt SSR 示例在没有客户端或服务器错误的情况下运行,并且 facets 在浏览器中正常工作。

由索引模型根据 Issue 内容生成。

描述

bug

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

主要语言
JavaScript
星标
4.9k
派生
479
平均合并
4 小时 43 分钟
30 天内合并 PR
3

环境准备

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

appbaseio/reactivesearch 的其他 Issue

查看 appbaseio/reactivesearch 的全部 Issue

相似的 Issue

更多 JavaScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。