동기 스크립트 없음

동기 스크립트 없음 | Next.js

Source URL: https://nextjs.org/docs/messages/no-sync-scripts

DocsErrors동기 스크립트 없음

동기 스크립트 없음

동기 스크립트를 방지하세요.

이 오류가 발생한 이유

동기 스크립트를 사용하면 웹페이지 성능에 영향을 줄 수 있습니다.

가능한 해결 방법

Script 컴포넌트(권장)

pages/index.js

    import Script from 'next/script'

    function Home() {
      return (
        <div class="container">
          <Script src="https://third-party-script.js"></Script>
          <div>Home Page</div>
        </div>
      )
    }

    export default Home

async 또는 defer 사용

    <script src="https://third-party-script.js" async />
    <script src="https://third-party-script.js" defer />

유용한 링크

• 타사 JavaScript를 효율적으로 로드하기

도움이 되셨나요?