You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Next.js 14 + PrimeReact 10.5 水合警告问题求助

我的基础配置

我正在学习Next.js,刚创建了一个基于最新next.js (v14)的全新项目,运行正常。我偏好使用Prime React作为UI库,因此在确认项目正常后安装了最新版本的Prime React(10.5)(未安装其他库)。

问题描述

使用<Button/>或<Sidebar/>等Prime React组件时,功能完全正常且显示正常,但在任意浏览器中打开控制台检查页面时,会持续出现以下警告:

Warning: Extra attributes from the server: data-new-gr-c-s-check-loaded,data-gr-ext-installed
    at body
    at html
    at RedirectErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:73:9)
    at RedirectBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/redirect-boundary.js:81:11)
    at NotFoundErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:76:9)
    at NotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/not-found-boundary.js:84:11)
    at DevRootNotFoundBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/dev-root-not-found-boundary.js:33:11)
    at ReactDevOverlay (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/internal/ReactDevOverlay.js:84:9)
    at HotReload (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/react-dev-overlay/hot-reloader-client.js:307:11)
    at Router (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:182:11)
    at ErrorBoundaryHandler (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:114:9)
    at ErrorBoundary (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/error-boundary.js:161:11)
    at AppRouter (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/components/app-router.js:538:13)
    at ServerRoot (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:129:11)
    at RSCComponent
    at Root (webpack-internal:///(app-pages-browser)/./node_modules/next/dist/client/app-index.js:145:11)

已尝试的解决方法

  • 尝试过在组件外包裹<React.Fragment>的Next.js解决方案,但未消除警告
  • 通过仅包含Next.js和Prime React的沙箱测试,确认警告仅因Prime React组件触发
  • 添加Prime React Provider,无效果
  • 禁用所有Chrome扩展,警告仍存在

求助

**请问如何解决该问题?若有人成功无警告使用Next.js(14)和PrimeReact(10.5)**组合,烦请告知解决步骤。

我知道带警告也能正常运行,但希望代码无错误无警告,避免后续出现问题,提前感谢您的帮助。


内容的提问来源于stack exchange,提问作者Kyle The Wizard

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.28 00:24:52