Analyzing bundles with source-map-explorer doens't work
See original GitHub issueIs 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
- create a typescript CRA project
- create components.
- Divide them to various apps/sub projects.
- Render apps conditionally, using React.lazy and Suspense
- 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
Issue Analytics
- State:
- Created 4 years ago
- Reactions:3
- Comments:13 (2 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
If the documentation is updated to remove the single quotes from the path then this will work.
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