小编Jua*_*man的帖子

这很可能是一个新手问题并且很容易解决。

我有一个使用样式组件的基本本地 nextjs 应用程序，它似乎会抛出此错误：

这是完整的代码以防万一：

react-dom.development.js?61bb:67 Warning: Prop `className` did not match. Server: "sc-hKgILt dugyKZ" Client: "sc-gsTCUz cZIGcY"
at h1
at styled.h1 (webpack-internal:///./node_modules/styled-components/dist/styled-components.browser.esm.js:28:19542)
at div
at styled.div (webpack-internal:///./node_modules/styled-components/dist/styled-components.browser.esm.js:28:19542)
at div
at Home
at div
at Layout (webpack-internal:///./components/Layout.js:12:23)
at MyApp (webpack-internal:///./pages/_app.js:20:24)
at ErrorBoundary (webpack-internal:///./node_modules/@next/react-dev-overlay/lib/internal/ErrorBoundary.js:23:47)
at ReactDevOverlay (webpack-internal:///./node_modules/@next/react-dev-overlay/lib/internal/ReactDevOverlay.js:73:23)
at Container (webpack-internal:///./node_modules/next/dist/client/index.js:149:5)
at AppContainer (webpack-internal:///./node_modules/next/dist/client/index.js:637:24)
at Root (webpack-internal:///./node_modules/next/dist/client/index.js:768:24)
printWarning @ react-dom.development.js?61bb:67
error @ react-dom.development.js?61bb:43
warnForPropDifference @ react-dom.development.js?61bb:8824
diffHydratedProperties @ react-dom.development.js?61bb:9645
hydrateInstance @ react-dom.development.js?61bb:10400
prepareToHydrateHostInstance @ react-dom.development.js?61bb:14616
completeWork @ react-dom.development.js?61bb:19458
completeUnitOfWork @ react-dom.development.js?61bb:22815
performUnitOfWork …