React + TypeScriptでwebpackがCannot find name 'process'とエラーを吐いた時の対処方法

React + TypeScrptの開発時にCannot find name 'process'とエラーを吐いたので、その対処方法。

エラーケース

Reactのコンポーネント内で、環境変数を定義するprocess.envを使ったら上記のようなエラーが出ました。

const {NODE_ENV} = process.env;

対処方法

tsconfig.jsonのtypesにnodeを追加する。@types/nodeがインストールされていない場合はインストールする。

{
  "compilerOptions": {
    "types": ["node"]
}

これで解決する
github.com