Gatsby Logo

Webpack v5 で dotenv を使用しようとしたときの 「Can't resolve 'fs'」 エラーの解消方法

2021-12-29

webpack.config.jsに以下を追記する。

webpack v4の場合

webpack.config.js
module.export = {
  (省略)
  node: {
    fs: 'empty'
  }
  (省略)
};

webpack v5の場合

webpack.config.js
module.export = {
  (省略)
  resolve: {
    fallback: {
      fs: false
    }
  },
  (省略)
};

webpack version5から node.fsの書き方が変わったらしい。

参考

Gatsby Tutorial Starter - Justin Formentin