question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

BUG: Webpack stats object failing type validation (`Cannot load module/asset sizes.`)

See original GitHub issue

I’m making the jump from v0.4.0 to ^3.0.0 and when I run my application I get the following display where the application is built, but the module/asset sizes (and problems when available) are blocked from display due to errors. I checked into some similar issues (e.g. #182) in other posts, but most of them discuss development in dependencies like inspectpack, etc. that have since completed, so I’m at a loss.

While webpack is kind of new to me, I’m pretty comfortable saying that the below config is a bit expansive so please let me know what additional or focused information I could supply to help track this issue down. Thanks!

====================================================================

If the issue is visual, please provide screenshots here

image

====================================================================

Steps to reproduce the problem

====================================================================

Please provide a gist of relevant files

Entry script:

ENABLE_SOURCE_MAPS=true NODE_ENV=development webpack-dashboard -- webpack-dev-server --config webpack.config.local-dev.js --host 0.0.0.0 --no-inline

webpack.config.js

REDACTING PER MANAGEMENT :/ Let me know if there is less complete information I can share in support of finding a solution here!

====================================================================

More Details
  • What operating system are you on? Mac OS
  • What terminal application are you using? Terminal
  • What version of webpack-dashboard are you using? @^3.0.0
  • What is the output of running echo $TERM? xterm-256color

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
ryan-roemercommented, Mar 26, 2019

Thanks @westbrook-asapp ! Given the size of that beast, I appreciate the effort it must have taken to get that in workable shape to post here.

I am able to suck that into inspectpack straight up and will hopefully be able to figure out what’s going on. I’m not sure of exact timeline, but hopefully by end of this week…

0reactions
ryan-roemercommented, Mar 27, 2019

First issue: Expecting string at modules.4.0.chunks.0.0 but instead got: null.

    {
      "id": 4,
      "identifier": "/PATH/TO/node_modules/prop-types/index.js",
      "name": "./node_modules/prop-types/index.js",
      "index": 478,
      "index2": 475,
      "size": 1078,
      "cacheable": true,
      "built": true,
      "optional": false,
      "prefetched": false,
      "chunks": [
        null,
        null,
        null,
        null,
        2,
        4,
        7,
        8,
        9
      ],
      // ... snipped ...
    },
Read more comments on GitHub >

github_iconTop Results From Across the Web

Stats - webpack
Tells stats whether to add information about assets inside modules. Set stats.moduleAssets to false to hide it. module.exports = { //.
Read more >
How I solved and debugged my Webpack issue through trial ...
When webpack bundles your source code, it can become difficult to track down errors and warnings to their original location.
Read more >
Invalid configuration object. Webpack has been initialised ...
Just change from "loaders" to "rules" in "webpack.config.js". Because loaders is used in Webpack 1, and rules in Webpack2.
Read more >
invalid configuration object. webpack has been initialised using a ...
Because loaders is used in Webpack 1, and rules in Webpack2. You can see there have differences. Open side panel.
Read more >
webpack-cli - npm
As of webpack v4, webpack is not expecting a configuration file, but often developers want to create a more custom webpack configuration ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found