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

[pankaj610]

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: https://github.com/IjzerenHein/react-native-bundle-visualizer/issues/118

[anujsachan1990]

here is the fix: https://github.com/IjzerenHein/react-native-bundle-visualizer/pull/128 In case anyone needs a patch for patch package: react-native-bundle-visualizer+3.1.3.patch