logo image

Next.jsでESLint実行でエラーが発生する

Icon representing a data.
2021-11-01
0
Twitter icon.
macOS
Next.js
ESLint

Precondition

バージョンについて
Next.js = v11.1.2
ESLint = v8.1.0

Fact

yarn lint を実行すると以下のようなログが出力される。

yarn run v1.22.17
$ next lint
info  - Using webpack 5. Reason: Enabled by default https://nextjs.org/docs/messages/webpack5
error - ESLint must be installed: yarn add --dev eslint
✨  Done in 0.75s.

Cause

ESLIntのバージョン8.1.0に関する不具合

I just attempted it with yarn dlx create-next-app, which also did not work. I am going to look a little further into the issue, I saw that the run lint check on first configuration got changed in the next cli package 2 days ago, and I suspect it may introduce a breaking change again. Currently the workaround is to pin a downgraded version like 7.23.0

参考記事
https://github.com/vercel/next.js/issues/30182

Method

バージョンを7.23.0にダウングレードする。

在宅専門のフリーランスエンジニアをしています。 得意言語はVBAです。Next.jsとTypescriptを鍛錬中。
Area to place ads.
Area to place ads.
Comments
There are no comments on this article yet.

Environment Library tools

macOS
Next.js
ESLint
在宅専門のフリーランスエンジニアをしています。 得意言語はVBAです。Next.jsとTypescriptを鍛錬中。