logo image

Webpackでビルド時にNodeモジュールを読まないエラー(Module not found: Error: Can't resolve 'fs')

Icon representing a data.
2022-01-06
Icon show updated_at
2022-01-06
1
Twitter icon.
Node
Javascript
Webpack

Precondition

package.json

{
  "scripts": {
    "build": "webpack --mode production"
  },
  "dependencies": {
    "fs": "^0.0.1-security",
    "webpack": "^5.65.0",
    "webpack-cli": "^4.9.1"
  }
}

Fact

[ yarn build ]でビルドをするとエラーが発生する。

Error log or Error Massage

ERROR in ./src/lib/imagesave.js 1:0-35
Module not found: Error: Can't resolve 'fs' in '/xxx/...'

Cause

Webpackの設定にてNodeモジュールを読み込むように設定していなかった。

Method

webpack.config.jsに「target: 'node'」を追加する。

const path = require('path');

module.exports = {
  entry: `./src/index.js`,
  target: 'node',
  output: {
    filename: "main.js",
    path: path.join(__dirname, 'dist')
  }
};
在宅専門のフリーランスエンジニアをしています。 得意言語はVBAです。Next.jsとTypescriptを鍛錬中。
Area to place ads.
Area to place ads.
Comments
There are no comments on this article yet.

Environment Library tools

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