Cannot read properties of undefined (reading 'length')

[sebastianrath]

Hey there,

I am upgrading my webpack dependency in my Electron app from 4.46.0 to the latest 5.74.0. I am running into the following error message when building my project:

⠇ Generating browser application bundles (phase: building).../
       /../node_modules/webpack/lib/util/hash/wasm-hash.js:108
                const length = data.length;

TypeError: Cannot read properties of undefined (reading 'length')
    at WasmHash._updateWithBuffer (/.../node_modules/webpack/lib/util/hash/wasm-hash.js:108:23)
    at WasmHash.update (/.../node_modules/webpack/lib/util/hash/wasm-hash.js:51:8)
    at BatchedHash.update (/.../node_modules/webpack/lib/util/hash/BatchedHash.js:50:14)
    at /.../node_modules/webpack/lib/FileSystemInfo.js:3464:11
    at processQueue (/.../node_modules/webpack/lib/util/processAsyncTree.js:55:4)
    at processTicksAndRejections (node:internal/process/task_queues:78:11)

webpack/lib/util/hash/wasm-hash.js

Lines 106 to 108 in 9fcaa24

	_updateWithBuffer(data) {
	const { exports, buffered, mem } = this;
	const length = data.length;

This is the content of the webpack.config.js:

const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");

const path = require('path');

let sassImplementation = require('sass');

module.exports = {
	output: {
		path: path.resolve(__dirname, 'build-js'),
		filename: 'app.js'
	},
  externals: {
    'fsevents': "require('fsevents')"
  },
	plugins: [new MonacoWebpackPlugin(),
    new NodePolyfillPlugin({
      excludeAliases: ["console"]
    })
  ],
  target: 'electron-renderer',
  module: {
    rules: [
      {
        test: /\.css$/i,
				use: ['style-loader', 'css-loader']
      },
      {
        test: /\.scss$/,
        use: [
          'postcss-loader',
          {
            loader: 'sass-loader',
            options: {
              implementation: sassImplementation,
              sourceMap: false,
              sassOptions: {
                precision: 8,
              },
            },
          },
        ],
      },
    ],
  },
};

Does anything stand out that could cause this, or is this an issue in webpack? Any help is highly appreciated.

Thanks!

[alexander-akait]

I think a bug somewhere in monaco-editor-webpack-plugin. Does monaco-editor-webpack-plugin use the latest webpack-sources?

[yoyo837]

[alexander-akait]

It means you have old webpack plugin which doesn't update own code to v5

[adonis-lsh]

me too

[lyztroy]

i have the same problem. what should I do ?

[alexander-akait]

Run npm ls webpack

[artemis-prime]

I'm seeing this in next 14.1.3... seemingly out of nowhere

[artemis-prime]

And in Next 14.2.3! what the heck??