Error: External synchronous scripts are forbidden. See: https://nextjs.org/docs/messages/no-sync-scripts. @next/next/no-sync-scripts を解決する 💡

Next 11を使ってウェブサイトを構築し、

yarn build

で書き出そうと思ったのですが、

Error: External synchronous scripts are forbidden. See: https://nextjs.org/docs/messages/no-sync-scripts. @next/next/no-sync-scripts

とエラーが出ました。

指示されたURLを見てみると、

scriptタグではなく、next/scriptコンポーネントを使うべしとのこと、

Next 11から next/script が導入されたことは知っていました。

知っていましたが、scriptタグを使えなくしなくても良いじゃないかという想いでいっぱいです。

なんとか、buildを通す方法はないかと試してみたところ、

{
  "rules": {
    "@next/next/no-sync-scripts": "off"
  }
}

と、.eslintrcを編集すればscriptタグを使ってもbuildが通ることがわかりました。

完全にnext/imageのときと同じ道を辿ってます。

みかづきブログ・カスタム