Uncaught ReferenceError: process is not defined

[eakarpov]

❓Question

When calling useState, the following error occurs and the application crashes. I'm using webpack 5 as a dependency.

VM303:2 Uncaught ReferenceError: process is not defined
at Object.4043 (:2:13168)
at r (:2:306599)
at Object.8048 (:2:9496)
at r (:2:306599)
at Object.8641 (:2:1379)
at r (:2:306599)
at :2:315627
at :2:324225
at :2:324229
at HTMLIFrameElement.e.onload (index.js:1:1)

[fivethreeo]

https://stackoverflow.com/questions/41359504/webpack-bundle-js-uncaught-referenceerror-process-is-not-defined

[fivethreeo]

ProvidePlugin ony for web target

[eakarpov]

Isn't the problem on the web side of the application? How should I provide process object properly then? Sorry.

[fivethreeo]

module.exports = {
  options: {
    buildType: "iso-serverless",
  },
  modifyWebpackConfig(opts) {
    const config = opts.webpackConfig;

    if (opts.env.target === 'node') {
      config.plugins.push(
        new opts.webpackObject.ContextReplacementPlugin(
          // we want to replace context
          /express\/lib/,                    // and replace all searches in
          // express/lib/*
          path.resolve('node_modules'),      // to look in folder 'node_modules'
          {                                  // and return a map
            'ejs': 'ejs'                     // which resolves request for 'ejs'
          }                                  // to module 'ejs'
        )                                    // __webpack_require__(...)(mod)
        // we set `mod = 'ejs'`
      )
    }
    if (opts.env.target === 'web') {
      config.plugins.push(
        new opts.webpackObject.ProvidePlugin({
          process: 'process/browser',
        }),
      );
    }
    return config;
  }
};

[fivethreeo]

oh, only not ony ;)

[eakarpov]

The error does not disappear after this edition of the config opts.env.target === 'web'...