Getting some error while trying to execute the command "npx react-native-bundle-visualizer"

[shubhambathe1]

@IjzerenHein Here is the error description and screenshot attached:-

Terminal Error:-

`
Generating bundle...
Welcome to Metro v0.80.8
Fast - Scalable - Integrated

info Writing bundle output to:, /var/folders/j1/94jpb7rx3m9fwb1b1jzy965c0000gp/T/react-native-bundle-visualizer/AwesomeProject/ios.bundle
info Writing sourcemap output to:, /var/folders/j1/94jpb7rx3m9fwb1b1jzy965c0000gp/T/react-native-bundle-visualizer/AwesomeProject/ios.bundle.map
info Done writing bundle output
info Done writing sourcemap output
Bundle is 2.42 MB in size (unchanged since last run)
=== error === {
bundles: [],
errors: [
{
bundleName: '/var/folders/j1/94jpb7rx3m9fwb1b1jzy965c0000gp/T/react-native-bundle-visualizer/AwesomeProject/ios.bundle',
code: 'InvalidMappingColumn',
message: 'Your source map refers to generated column 141 on line 172, but the source only contains 140 column(s) on that line.\n' +
'Check that you are using the correct source map.',
error: [AppError]
}
]
}
`

Attached Screenshot:-

Here are my React Native project details:-

Note:- Its a simple hello world app for React Native.

info Fetching system and libraries information...
(node:15499) [DEP0040] DeprecationWarning: The punycode module is deprecated. Please use a userland alternative instead.
(Use node --trace-deprecation ... to show where the warning was created)
System:
OS: macOS 14.4.1
CPU: (11) arm64 Apple M3 Pro
Memory: 244.48 MB / 18.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 21.7.1
path: ~/.nvm/versions/node/v21.7.1/bin/node
Yarn: Not Found
npm:
version: 10.5.0
path: ~/.nvm/versions/node/v21.7.1/bin/npm
Watchman:
version: 2024.04.22.00
path: /opt/homebrew/bin/watchman
Managers:
CocoaPods:
version: 1.15.2
path: /Users/jspnlp-shubham/.rbenv/shims/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 23.4
- iOS 17.4
- macOS 14.4
- tvOS 17.4
- visionOS 1.1
- watchOS 10.4
Android SDK:
API Levels:
- "31"
- "32"
- "33"
- "34"
- "34"
- "34"
Build Tools:
- 33.0.1
- 34.0.0
- 35.0.0
System Images:
- android-31 | Google Play ARM 64 v8a
- android-34 | Google APIs ARM 64 v8a
Android NDK: Not Found
IDEs:
Android Studio: 2023.2 AI-232.10300.40.2321.11668458
Xcode:
version: 15.3/15E204a
path: /usr/bin/xcodebuild
Languages:
Java:
version: 17.0.11
path: /usr/bin/javac
Ruby:
version: 3.1.2
path: /Users/jspnlp-shubham/.rbenv/shims/ruby
npmPackages:
"@react-native-community/cli": Not Found
react:
installed: 18.2.0
wanted: 18.2.0
react-native:
installed: 0.74.0
wanted: 0.74.0
react-native-macos: Not Found
npmGlobalPackages:
"react-native": Not Found
Android:
hermesEnabled: true
newArchEnabled: false
iOS:
hermesEnabled: true
newArchEnabled: false

Please help me debug the issue so that I can make use of Bundle Visualizer to optimise my app.
Thanks in advance.

[bvanderdrift]

Similar error here:

Your source map refers to generated line 17, but the source only contains 15 line(s). Check that you are using the correct source map.

Running RN 0.72.5

[iampankajver]

I am getting the same issue with RN "0.70.7",

Your source map refers to generated column 32 on line 5, but the source only contains 24 column(s) on that line.\n' + 'Check that you are using the correct source map.

Please let me know the solution if anyone found it.

[johnculviner]

temp fix here: #118

[anujsachan1990]

here is the fix: #128
In case anyone needs a patch for patch package:
react-native-bundle-visualizer+3.1.3.patch

[sriadimanav]

I am still getting error
react-native: 0.78.1
"react-native-bundle-visualizer": "^3.1.3"

[anujsachan1990]

I am still getting error react-native: 0.78.1 "react-native-bundle-visualizer": "^3.1.3"

try this patch: #127 (comment)

[sriadimanav]

@anujsachan1990
in which folder i should run this patch and how to run it ?

[anujsachan1990]

@anujsachan1990 in which folder i should run this patch and how to run it ?

so download https://github.com/user-attachments/files/16956884/react-native-bundle-visualizer%2B3.1.3.patch and put this in parallel to package.json and then run

npx patch-package react-native-bundle-visualizer

once the patch is applied run

yarn run react-native-bundle-visualizer --platform ios --reset-cache

[devr77]

Patch not working in React Native V 0.76

[Pnlvfx]

• 1

react-native 0.79
metro 0.82.1

yarn react-native-bundle-visualizer
Generating bundle...
Welcome to Metro v0.82.1
Fast - Scalable - Integrated

Writing bundle output to: /var/folders/jf/sjh3dgcs1337tv31_17wsyxh0000gn/T/react-native-bundle-visualizer/goat/ios.bundle
Writing sourcemap output to: /var/folders/jf/sjh3dgcs1337tv31_17wsyxh0000gn/T/react-native-bundle-visualizer/goat/ios.bundle.map
Done writing bundle output
Done writing sourcemap output
Bundle is 5.01 MB in size (unchanged since last run)
=== error === {
bundles: [],
errors: [
{
bundleName: '/var/folders/jf/sjh3dgcs1337tv31_17wsyxh0000gn/T/react-native-bundle-visualizer/goat/ios.bundle',
code: 'InvalidMappingColumn',
message: 'Your source map refers to generated column 141 on line 176, but the source only contains 140 column(s) on that line.\n' +
'Check that you are using the correct source map.',
error: [AppError]
}
]
}

[devr77]

Same error here