Error: Can't resolve 'fs'

[hoIIer]

Hello, I installed ember-auto-import and getting errors with a package https://github.com/aws/aws-iot-device-sdk-js

Any ideas?

Possibly related: webpack-contrib/css-loader#447

Module not found: Error: Can't resolve 'fs' in '/Users/eric/Projects/foo/build/client-web/node_modules/aws-iot-device-sdk/common/lib'
 @ ./node_modules/aws-iot-device-sdk/common/lib/tls-reader.js 17:14-27
 @ ./node_modules/aws-iot-device-sdk/device/index.js
 @ ./node_modules/aws-iot-device-sdk/index.js
 @ ./tmp/ember_auto_import_webpack-staging_dir-SI7UQUPH.tmp/app.js

ERROR in ./node_modules/aws-iot-device-sdk/device/index.js
Module not found: Error: Can't resolve 'fs' in '/Users/eric/Projects/foo/build/client-web/node_modules/aws-iot-device-sdk/device'
 @ ./node_modules/aws-iot-device-sdk/device/index.js 29:9-22
 @ ./node_modules/aws-iot-device-sdk/index.js
 @ ./tmp/ember_auto_import_webpack-staging_dir-SI7UQUPH.tmp/app.js

ERROR in ./node_modules/aws-iot-device-sdk/device/lib/tls.js
Module not found: Error: Can't resolve 'tls' in '/Users/eric/Projects/foo/build/client-web/node_modules/aws-iot-device-sdk/device/lib'
 @ ./node_modules/aws-iot-device-sdk/device/lib/tls.js 17:10-24
 @ ./node_modules/aws-iot-device-sdk/device/index.js
 @ ./node_modules/aws-iot-device-sdk/index.js
 @ ./tmp/ember_auto_import_webpack-staging_dir-SI7UQUPH.tmp/app.jsBuild Error (Bundler)

webpack returned errors to ember-auto-import```

[ef4]

Try following their Using SDK with Webpack instructions. ember-auto-import is implemented on top of webpack, deliberately because so many other libraries out there already have documented support for how to make it work.

Alternatively, if the dependency on fs is the only issue, you might be able to work around it like this:

const app = new EmberApp({
    autoImport: {
      webpack: {
        node: {
          fs: 'empty'
        }
      }
    }
})

That assumes the library isn't really going to try to use fs, which obviously can't work in the browser.

[hoIIer]

@ef4 thanks Edward that worked like a charm!

    autoImport: {
      webpack: {
        node: {
          fs: 'empty',
          tls: 'empty',
        },
      },
    },

[hilljh82]

@ef4 Do you have any suggestions for handling the same issue when using it in an ember add-on? I can add the recommended code to ember-cli-build.js and it works, but ember-cli-build.js is not included when the add-on is installed. I personally do not want to require the user to add the code above to their ember application.

[hilljh82]

@ef4 To answer my own question about, i just added the following to the index file for the add-on:

const merge = require ('lodash.merge');

module.exports = {
  // ...

  included (app) {
    this._super (...arguments);

    merge (app.options, {
      autoImport: {
        webpack: {
          node: {
            fs: 'empty'
          }
        }
      }
    });
  },
};

I do not know if this is the right way since I am changing the application options on-the-fly, but it works. If you have a better suggestion, then please let me know.

Update: This approach worked with the dummy test application, but did not work when using the add-on in an ember application.

[yaxinr]

in webpack 5 must be

autoImport: {
      webpack: {
        resolve: {
          fallback: {
            fs: false,
            path: false,
          }
        }
      },
    },