Obake Engineer Blog

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

webpack v4の場合

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

webpack v5の場合

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

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

参考

• Can't resolve 'fs' · Issue #233 · motdotla/dotenv · GitHub
• To v5 from v4 | webpack

/post-12

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