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

基本的にはちょちょいのほいです。

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

f:id:kimizuka:20210103011013j:plain

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を見てみると、

nextjs.org

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

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

nextjs.org

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

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

.eslintrc

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

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

完全にnext/imageのときと同じ道をたどりました。

blog.kimizuka.org