Uncaught ReferenceError: __dirname is not defined

[linonetwo]

When used in the electron project it cause this bug with nodeIntegration: false.

In this last line:

/******/ 	// Object.prototype.hasOwnProperty.call
/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ 	// __webpack_public_path__
/******/ 	__webpack_require__.p = "/";
/******/
/******/ 	// __webpack_hash__
/******/ 	__webpack_require__.h = function() { return hotCurrentHash; };
/******/ 	__webpack_require__.ab = __dirname + "/native_modules/";

↑

[linonetwo]

Just only use it in main process fixes this.

  module: {
    rules: [
      ...require('./webpack.rules'),
      {
        test: /\.(m?js|node)$/,
        parser: { amd: true },
        use: {
          loader: '@zeit/webpack-asset-relocator-loader',
          options: {
            outputAssetBase: 'native_modules',
            emitDirnameAll: true,
          },
        },
      },
    ],
  },

[yuwanlin]

I use electron, when use this plugin in renderer process build, same error.

webpack config:

target: 'web',
node: {
        __dirname: false, // any value not work
    },

it seem to elevate the code to the top of the file

[linonetwo]

@yuwanlin My experience is try not import any node related npm package or ts file in renderer/preload.

If do so, there will be error like this. You can time travel in git to find which commit introduce such an import.