Cannot build project with webpack v4

Bug report

Cannot build a webpack project with the latest SDK installed, @aws-sdk/lib-storage@3.17.0. I get the following error: Module not found: Error: Can't resolve 'fs' in ...

Setup

Below is the minimal setup for reproducing this problem.

$ tree
.
├── package-lock.json
├── package.json
└── src
    └── index.js

1 directory, 3 files

Contents of package.json:

{
  "name": "ttt",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "build": "webpack --mode development"
  },
  "devDependencies": {
    "webpack": "^4.46.0",
    "webpack-cli": "^3.3.12",
    "webpack-dev-server": "^3.11.2"
  },
  "dependencies": {
    "@aws-sdk/client-s3": "^3.17.0",
    "@aws-sdk/lib-storage": "^3.17.0"
  }
}

Contents of src/index.js:

import { S3Client } from '@aws-sdk/client-s3';
import { Upload } from '@aws-sdk/lib-storage';

console.log('+=+ S3Client', S3Client);
console.log('+=+ Upload', Upload);

What is the current behavior?

I get the following error:

ERROR in ./node_modules/@aws-sdk/lib-storage/dist/es/runtimeConfig.js
Module not found: Error: Can't resolve 'fs' in '/Users/korya/dev/ttt/node_modules/@aws-sdk/lib-storage/dist/es'
 @ ./node_modules/@aws-sdk/lib-storage/dist/es/runtimeConfig.js 3:0-31 7:106-115
 @ ./node_modules/@aws-sdk/lib-storage/dist/es/bytelength.js
 @ ./node_modules/@aws-sdk/lib-storage/dist/es/Upload.js
 @ ./node_modules/@aws-sdk/lib-storage/dist/es/index.js
 @ ./src/index.js

If the current behavior is a bug, please provide the steps to reproduce.

1. Create the project
2. Install deps: npm install
3. Try to build it using npm run build (or just by running npx webpack)

What is the expected behavior?

The project should be successfully built and Upload imported @aws-sdk/lib-storage should be configured to work in browser’s environment (as expected).

Other relevant information: webpack version: 4.46.0 Node.js version: 15.14.0 npm version: 7.12.1 Operating System: MacOS Catalina Additional tools:

[korya]

Thanks again!

Just an update. The following config worked for webpack@4.46.0:

const path = require('path');

module.exports = {
  entry: './src/index.js',

  module: {
    rules: [
      {
        test: /@aws-sdk\/lib-storage\//,
        resolve: {
          alias: {
            './runtimeConfig': './runtimeConfig.browser',
          },
        },
      },
    ],
  },
};

[alexander-akait]

Great!