也许我误解了next/dynamic组件的工作原理。但是当我有这样的代码时:
const RealContent = dynamic(() => import('./RealContentComponent'), {
loading: () => <span>...placeholder Not Real Content...</span>,
ssr: true,
})
我希望在服务器端呈现的HTML文件中,<RealContent/>
组件将呈现./RealContentComponent
中的内容
但是,当我执行next build
,然后查看.next/server/pages/RealContent.html
页面时,我看到的只是span with。..占位符不是真实的内容
难道ssr: true
不应该强制它在构建时呈现出实际的组件吗?(RealContentCompnent中没有任何内容需要客户端。)
1条答案
按热度按时间zpqajqem1#
原来这是我们的密码。我做了一个repo示例,展示了它是如何工作的。.. https://github.com/Chenzo/dynamic-ssr-test
如果您有SSR:当
npm run build
时,它确实呈现出来