`'process' is not defined.`のESLintのエラーについて

Posted at 2024-07-01

はじめに

こんにちは、エンジニアのkeitaMaxです。

Next.jsでESLintを入れた時に'process' is not defined.というエラーが出て困ったことがあったので備忘録として残そうと思います。

const apiURL: string | undefined = process.env.NEXT_PUBLIC_BACKEND_URL ?? ''

こんな感じでenvファイルを読み込もうとした時にESLintで'process' is not defined.というエラーが表示されてしまいました。

ESLintの設定ファイルのenvに"node": trueを追加したら直りました。

.eslintrc.json

{
  "env": {
    "browser": true,
    "es2021": true,
    "jest": true,
    "node": true
  },

Node.js環境をESLintに追加し、processが定義されるようになりました。

この記事での質問や、間違っている、もっといい方法があるといったご意見などありましたらご指摘していただけると幸いです。

最後まで読んでいただきありがとうございました！