尝试将video标记放入Next.js错误：水合失败，因为初始UI与服务器上呈现的内容不匹配

v1uwarro 于 2023-03-18 发布在其他

关注(0)|答案(1)|浏览(127)

未处理的运行时错误水合失败，因为初始UI与服务器上呈现的不匹配。
警告：服务器HTML应在中包含匹配项。
查看更多信息：https://nextjs.org/docs/messages/react-hydration-error
组件堆栈视频div主页应用调用堆栈throwOnHydrationMismatch

import Video from "../src/video.mp4"

    export default function Home() {
      return (
        <div>
        <video src={Video}/>
        </div>

next.js

来源：https://stackoverflow.com/questions/75739273/try-to-put-video-tag-in-next-js-error-hydration-failed-because-the-initial-ui-d

1条答案

按热度按时间

ecbunoof1#

您必须将视频标记与源一起使用

<div>
  <video autoPlay loop style={{ width: "500px", height: "500px" }}>
    <source src="/video.mp4" />
  </video>
</div>

赞(0）回复(0）举报 2023-03-18

我来回答

尝试将video标记放入Next.js错误：水合失败，因为初始UI与服务器上呈现的内容不匹配

1条答案

相关问题

热门标签

最新问答