Skip to content

ProfilingPlugin not rendering in Chrome #17234

Description

@edhgoose

Bug report

What is the current behavior?

I'm getting an error when using the ProfilingPlugin. I get an error reporting that n.args.data.frames is not iterable when dropping the events.json into Chrome.

If the current behavior is a bug, please provide the steps to reproduce.

  1. Create new project with npx create-react-app test-project.
  2. Eject (cd test-project && npm run eject)
  3. Add new webpack.debug.ProfilingPlugin() to plugins section at config/webpack.config.js
  4. Start dev server with npm start then shutdown it (or just npm run build).
  5. Drag and drop generated events.json into the Chrome DevTools Profiler.

The attached file gives me this experience: events.json.zip

These are the same steps defined in #11780 where @leimonio reported the same problem.

What is the expected behavior?
Chrome should render the profiler as per the instructions in the Usage: https://webpack.js.org/plugins/profiling-plugin/#usage-custom-outputpath

Other relevant information:
webpack version: 5.83.1
Node.js version: v16.19.0
Operating System: MacOSX
Additional tools:
Chrome version Version 113.0.5672.92

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions