警告：NextJs项目和classnames包中的Prop `className`不匹配

fnatzsnv 于 2023-05-22 发布在其他

关注(0)|答案(2)|浏览(355)

你好，我收到一个错误警告：Prop "className" did not match我相信在下面的代码中。我正在使用NextJs和CSS模块以及'classnames'包。任何想法，请。
完整错误为Warning: Prop "className" did not match. Server: "Nav_nav__item__1iofp" Client: "Nav_nav__item__1iofp Nav_nav__itemActive__3cmo3"
这是不是和classnames包有关，当router.asPath === link.path允许添加两种样式？

{Links.map((link, i) => {
                            return (
                                <li
                                    key={i}
                                    className={
                                        router.asPath === link.path
                                            ? cx(
                                                    styles.nav__item,
                                                    styles.nav__itemActive
                                              )
                                            : styles.nav__item
                                    }>
                                    <Link href={link.path}>{link.name}</Link>
                                </li>
                            );
                        })}

next.js

来源：https://stackoverflow.com/questions/69719684/warning-prop-classname-did-not-match-in-nextjs-project-and-classnames-package

2条答案

按热度按时间

vwoqyblh1#

开发人员建议here
A.删除.next build文件夹
B.重新启动服务器
如何使用className

<p className={styles.description}>Hello</p>

赞(0）回复(0）举报 2023-05-22

iaqfqrcu2#

本期下期js
我用下面的代码创建了一个文件NoSSr.js

import dynamic from "next/dynamic";

const NoSsr = ({ children }) => <>{children}</>;

export default dynamic(() => Promise.resolve(NoSsr), { ssr: false });

并使用NoSsr标记 Package layout.js/page.js/index.js

<NoSsr>
    <Header />
        <Container maxW={"8xl"}>
            <main>{children}</main>
        </Container>
    <Footer />
</NoSsr>

赞(0）回复(0）举报 2023-05-22

我来回答

警告：NextJs项目和classnames包中的Prop `className`不匹配

2条答案

相关问题

热门标签

最新问答