Error parsing bundle asset ...: no such file about gatsby-plugin-webpack-bundle-analyser-v2

[JimmyBeldone]

Hi !

I quickly looked into it and it's a Webpack 5 compatibility issue with some Webpack-bundle-analyzer combinations of options.

I tested several combinations, and devMode: true option seems to be the only combination not working with Gatsby v3.

Hopefully it will be fixed soon by Webpack-bundle-analyzer maintainers, in the meantime this is what I suggest :

• If you don't really need it when running gatsby develop:
  --> Remove devMode: true from plugin options. You can visualize the result running gatsby build instead.

• If you need it when running gatsby develop:
  --> I suggest you disable analyser and generate a stats file. You can set it up this way in plugin options :

module.exports = {
    plugins: [
        {
            resolve: 'gatsby-plugin-webpack-bundle-analyser-v2',
            options: {
                analyzerMode: 'disabled',
                devMode: true,
                generateStatsFile: true,
                statsOptions: {
                    source: false,
                },
            },
        },
    ],
};

gatsby-config.js

This will generate a stats.jsonfile at the root of your project. You can visualize this stats with Webpack-bundle-analyzer CLI using this command : npx webpack-bundle-analyzer ./path/to/stats.json

If you need to set some options here are the possible options : https://github.com/webpack-contrib/webpack-bundle-analyzer#options-for-cli

Let me know if it works for you ;)

[thecodingwizard]

Awesome, thanks for looking into this! Your suggestions worked wonderfully for me :)

[ceboola]

any news on that topic? getting same on v1.1.22 in dev mode