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.

Analyzing bundles with source-map-explorer doens't work

See original GitHub issue

Is this a bug report?

yes

Did you try recovering your dependencies?

yes

Which terms did you search for in User Guide?

analyze

Environment

Environment Info: System: OS: Windows 10 CPU: x64 Intel® Core™ i7-8550U CPU @ 1.80GHz Binaries: Yarn: 1.9.2 - C:\Program Files (x86)\Yarn\bin\yarn.CMD npm: 6.9.0 - C:\Program Files\nodejs\npm.CMD Browsers: Edge: 42.17134.1.0 Internet Explorer: 11.0.17134.1 npmPackages: react: ^16.7.0 => 16.8.5 react-dom: ^16.7.0 => 16.8.5 react-scripts: ^2.1.5 => 2.1.8 npmGlobalPackages: create-react-app: Not Found

Steps to Reproduce

  1. create a typescript CRA project
  2. create components.
  3. Divide them to various apps/sub projects.
  4. Render apps conditionally, using React.lazy and Suspense
  5. Follow instructions on https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size a. npm install --save source-map-explorer b. add "analyze": "source-map-explorer 'build/static/js/*.js'" to scripts. c. run “npm run build” followed by “npm run analyse”.

Actual Behavior

Error: No file(s) found image

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:3
  • Comments:13 (2 by maintainers)

github_iconTop GitHub Comments

14reactions
mistereechapmancommented, Apr 23, 2019

If the documentation is updated to remove the single quotes from the path then this will work.

7reactions
mistereechapmancommented, Apr 24, 2019

For any windows users running into the same issue try removing the quotes. Even when trying the npx workaround also I ran into the same issues until I removed the quotes.

node : V11.10.1 npm : 6.7.0

Read more comments on GitHub >

github_iconTop Results From Across the Web

source-map-explorer - npm
Analyze and debug JavaScript (or Sass or LESS) code bloat through source maps. The source map explorer determines which file each byte in...
Read more >
Analyzing Angular bundle with Source Map Explorer
The source map explorer determines which file each byte in your minified code came from. It shows you an interactive tree-map visualization to ......
Read more >
source-map-explorer error: Check that you are using the ...
This answer is based on @piecioshka's ~ but disables column/line mapping check, as indicated in this source-map-explorer#README.
Read more >
Source Map Explorer, Totally Tooling Tips (S3, E13) - YouTube
Learn how to audit what's in your JavaScript bundles that could use some trimming using tools like Source Map Explorer in a new...
Read more >
Webpack Bundle analyzer & source map explorer - YouTube
In this video we will see what are the tools used for debugging the bundle files like Webpack Bundle Analyzer, Source Map Explorer...
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