Comments (4)
Same issue for me. Very simple to reproduce. I created a react project 'test-analyze-project' with create-react-app with no modification. I've followed the guide of create react app, so:
a°) npm install --save source-map-explorer
b°) In package.json, new line: "analyze": "source-map-explorer build/static/js/main.*",
c°) npm run build
d°) npm run analyze
FYI : "source-map-explorer": "^1.5.0" ( package.json )
I got the folowing logs :
Executing task: npm run analyze <
[email protected] analyze /home/pas/work/test-analyze-project
source-map-explorer --only-mapped build/static/js/main.*
Unable to map 42 / 123117 bytes (0.03%)
Then, the browser opens a generated html page whose "var tree={" ends by "": 42, }
I re-tried but with the --only-mapped option, the "Unable to map 42.." was not printed and the tree variable did not contains the ": 42 item.
Unfortuneltely, in both cases, all items in the tree was not rendered...
After digging in the javascript code, the issue seems comes from the webtreemap.js
I've replaced the imported scripts by these lines :
With this, more files are shown but unfortunetly not all.
Regards
from source-map-explorer.
That last comment about webtreemap is interesting. Do you see your files if you run source-map-explorer --json build/static/js/main.*
? Is it possible that your code is just too small to get rendered in the treemap?
from source-map-explorer.
Unfortunately, the rendering issue is not dependent of the file size...
Editing the generated page, I did some tests where I deleted some paths in the tree and the rendering had a strange behaviour. I put too some console.log to be sure that the building of the treeData contains all nodes in according to the paths and it was the case...
When I replaced the imported scripts of underscore / webtreemap, the rendering was not the same for the same list of paths...
I attached the generated page that you can edit and display in your browser.
Hope this helps.
page.zip
from source-map-explorer.
Cannot reproduce on [email protected]
and latest [email protected]
sme-result.zip
It would be helpful if somebody could provide links to js and map files to reproduce the issue
from source-map-explorer.
Related Issues (20)
- Switch from webtreemap to foamtree HOT 8
- Error: consumer.computeColumnSpans is not a function HOT 4
- Usage of encoded string in PowerShell HOT 1
- Ability to search in HTML stats
- Distinguish unmapped indentation from other unmapped content HOT 1
- can't generate report HOT 1
- coverageRanges without using the filesystem HOT 2
- Does not support Windows path separator
- Can auto open html in WSL2. HOT 1
- File type clashes with TypeScript DOM types
- Feature to compare the difference between two outputs HOT 3
- Error: Glob should match exactly 2 files but matched 3 build/static/js/*.js HOT 9
- Extra levels within custom URI scheme HOT 1
- Can't require package (v5.0.1)
- Is this abandoned? HOT 2
- What is the no source mean? HOT 1
- Error when running on Node v18 due to native fetch
- getBundles unit test failing HOT 1
- Usability of html visualization
- Support node 18+
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from source-map-explorer.