안녕하세요 css 서버사이드랜더링이안되있어서 질문드립니다.

Question

_document.js 에 적은 코드들인데 이파일에서 css 서버사이드 랜더링하는게 아닌가요? import React from "react" ; import Document , { Html , Head , Main , NextScript } from "next/document" ; import { ServerStyleSheet } from "styled-components" ; export default class MyDocument extends Document { static async getInitialProps ( ctx ) { const sheet = new ServerStyleSheet (); const originalRenderPage = ctx . renderPage ; try { ctx . renderPage = () => originalRenderPage ({ enhanceApp : ( App ) => ( props ) => sheet . collectStyles ( < App { ... props } /> ), }); const initialProps = await Document . getInitialProps ( ctx ); return { ... initialProps , styles : ( <> { initialProps . styles } { sheet . getStyleElement () } ), }; } finally { sheet . seal (); } } render () { return ( < Html > < Head /> < body > < Main /> < script src = "https://polyfill.io/v3/polyfill.min.js?features=es6,es7,es8,es9,NodeList.prototype.forEach & flags=gated" /> < NextScript /> ); } }

zerocho · Answer

서버 실행 전에 빌드를 다시 하셨나요?

ert16160784 · Answer

익스플로러에서 disable javascript후에 서버에서 불러오면 css가 깨진 상태로 불러와집니다

zerocho · Answer

네 맞습니다. 아무런 변화가 없나요?