React Native Upgrade 0.72.5 -> 0.73.1 | export declaration must be at top level of module export default #254

bweston92 · 2023-12-20T07:44:29Z

Environment

System:
  OS: macOS 14.2
  CPU: (8) x64 Intel(R) Core(TM) i5-8259U CPU @ 2.30GHz
  Memory: 661.94 MB / 8.00 GB
  Shell:
    version: 3.2.57
    path: /bin/bash
Binaries:
  Node:
    version: 21.4.0
    path: ~/.nvm/versions/node/v21.4.0/bin/node
  Yarn:
    version: 3.5.1
    path: ~/.volta/bin/yarn
  npm:
    version: 10.2.4
    path: ~/.nvm/versions/node/v21.4.0/bin/npm
  Watchman:
    version: 2023.10.09.00
    path: /usr/local/bin/watchman
Managers:
  CocoaPods:
    version: 1.13.0
    path: /usr/local/opt/ruby/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 23.2
      - iOS 17.2
      - macOS 14.2
      - tvOS 17.2
      - watchOS 10.2
  Android SDK: Not Found
IDEs:
  Android Studio: Not Found
  Xcode:
    version: 15.1/15C65
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 21.0.1
    path: /usr/bin/javac
  Ruby:
    version: 3.2.2
    path: /usr/local/opt/ruby/bin/ruby
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 18.2.0
    wanted: 18.2.0
  react-native:
    installed: 0.73.1
    wanted: 0.73.1
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: false
iOS:
  hermesEnabled: true
  newArchEnabled: false

Things I’ve done to figure out my issue

I used upgrade-helper to do my upgrade.
Cleaned all previous build files.

Upgrading version

0.73.1

Description

The generated JS bundle has export statements inside of functions which appears not to work.

Logs

info Writing bundle output to:, /Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle
info Done writing bundle output
info Copying 11 asset files
info Done copying assets
+ [[ true == false ]]
+ EXTRA_COMPILER_ARGS=
+ [[ true == true ]]
+ EXTRA_COMPILER_ARGS=-Og
+ [[ '' == true ]]
+ /Users/bweston/workspace/src/lwebco.de/cosmic-whatschat-experiment/mobapp/ios/Pods/hermes-engine/destroot/bin/hermesc -emit-binary -max-diagnostic-width=80 -Og -out /Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/Cosmic.app/main.jsbundle /Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle
/Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle:63726:3: error: export declaration must be at top level of module
  export var __INTERNAL_VIEW_CONFIG = {
  ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle:63730:3: error: export declaration must be at top level of module
  export default _$$_REQUIRE(_dependencyMap[4], "react-native/Libraries/NativeComponent/NativeComponentRegistry").get(nativeComponentName, function () {
  ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle:63733:3: error: export declaration must be at top level of module
  export var Commands = {
  ^~~~~~~~~~~~~~~~~~~~~~~
/Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle:67270:3: error: export declaration must be at top level of module
  export var __INTERNAL_VIEW_CONFIG = {
  ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle:67274:3: error: export declaration must be at top level of module
  export default _$$_REQUIRE(_dependencyMap[2], "react-native/Libraries/NativeComponent/NativeComponentRegistry").get(nativeComponentName, function () {
  ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle:78179:3: error: export declaration must be at top level of module
  export var __INTERNAL_VIEW_CONFIG = {
  ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle:78185:3: error: export declaration must be at top level of module
  export default _$$_REQUIRE(_dependencyMap[2], "react-native/Libraries/NativeComponent/NativeComponentRegistry").get(nativeComponentName, function () {
  ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle:84197:3: error: export declaration must be at top level of module
  export var __INTERNAL_VIEW_CONFIG = {
  ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle:84219:3: error: export declaration must be at top level of module
  export default _$$_REQUIRE(_dependencyMap[7], "react-native/Libraries/NativeComponent/NativeComponentRegistry").get(nativeComponentName, function () {
  ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle:84222:3: error: export declaration must be at top level of module
  export var Commands = {
  ^~~~~~~~~~~~~~~~~~~~~~~
/Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle:84251:3: error: export declaration must be at top level of module
  export var __INTERNAL_VIEW_CONFIG = {
  ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle:84272:3: error: export declaration must be at top level of module
  export default _$$_REQUIRE(_dependencyMap[6], "react-native/Libraries/NativeComponent/NativeComponentRegistry").get(nativeComponentName, function () {
  ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle:84275:3: error: export declaration must be at top level of module
  export var Commands = {
  ^~~~~~~~~~~~~~~~~~~~~~~
/Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle:119805:3: error: export declaration must be at top level of module
  export var __INTERNAL_VIEW_CONFIG = {
  ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle:119816:3: error: export declaration must be at top level of module
  export default _$$_REQUIRE(_dependencyMap[3], "react-native/Libraries/NativeComponent/NativeComponentRegistry").get(nativeComponentName, function () {
  ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle:120947:3: error: export declaration must be at top level of module
  export var __INTERNAL_VIEW_CONFIG = {
  ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle:120955:3: error: export declaration must be at top level of module
  export default _$$_REQUIRE(_dependencyMap[3], "react-native/Libraries/NativeComponent/NativeComponentRegistry").get(nativeComponentName, function () {
  ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle:121443:3: error: export declaration must be at top level of module
  export var __INTERNAL_VIEW_CONFIG = {
  ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle:121476:3: error: export declaration must be at top level of module
  export default _$$_REQUIRE(_dependencyMap[3], "react-native/Libraries/NativeComponent/NativeComponentRegistry").get(nativeComponentName, function () {
  ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
/Users/bweston/Library/Developer/Xcode/DerivedData/Cosmic-fqxwpgxuqedulceccifbecafyfwc/Build/Products/Debug-iphoneos/main.jsbundle:121924:3: error: export declaration must be at top level of module
  export var __INTERNAL_VIEW_CONFIG = {
  ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<unknown>:0: error: too many errors emitted


** BUILD FAILED **

When I build for iOS device plugged in I get these errors.

When I build for a simulator I get the following:

The text was updated successfully, but these errors were encountered:

mo-fouad · 2023-12-24T01:57:59Z

Any fix yet?!

bweston92 · 2023-12-24T07:15:03Z

@mo-fouad no, do you have the same issue?

vipulSoni458 · 2023-12-27T07:50:29Z

Also getting the same issue

vipulSoni458 · 2023-12-28T04:02:04Z

Update : It got fixed for me. Issue was in react-native-safe-area-context pakage. If anybody using this pakage please update it . It might solve the error for you. Also run this line in browser to get the full stack trace http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true it will give you the exact line where error is occurring. Thanks

bweston92 · 2023-12-28T08:30:27Z

Thank you for your help @vipulSoni458

I managed to fix this particular error with the export statements by removing other Babel plugins and just using the new preset.

paulschreiber · 2023-12-28T20:25:59Z

This change fixed the problem for me:

-    presets: [
-      'module:@react-native/babel-preset',
-      ['@babel/preset-env', {targets: {node: 'current'}}],
-      '@babel/preset-typescript',
-    ],
+    presets: ['module:@react-native/babel-preset'],

the-real-adammork · 2024-02-04T02:47:19Z

This change fixed the problem for me:

-    presets: [
-      'module:@react-native/babel-preset',
-      ['@babel/preset-env', {targets: {node: 'current'}}],
-      '@babel/preset-typescript',
-    ],
+    presets: ['module:@react-native/babel-preset'],

this worked for me too, thanks

GabrielBursi · 2024-02-16T02:27:41Z

Update : It got fixed for me. Issue was in react-native-safe-area-context pakage. If anybody using this pakage please update it . It might solve the error for you. Also run this line in browser to get the full stack trace http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false&modulesOnly=false&runModule=true it will give you the exact line where error is occurring. Thanks

I would recommend to change the query parameter minify=true, this will show you a JSON with the exact error, it worked for me, with minify=false doesn't show the error

manan-schmooze · 2024-02-26T15:24:03Z

None of the above are working for me :(

mikewguo · 2024-02-28T23:08:18Z

For me, it's because my project had a couple of .tsx file (i copied from some where), and this needs to have typescript installed, but my project didn't. I just turned .tsx file to .js file, and the error is resolved.

malikzype · 2024-04-25T13:02:38Z

Facing same issue, none of the solution worked for me

usmanabid94 · 2024-05-02T12:09:05Z

None of this worked for me

ysfzrn · 2024-05-31T12:32:13Z

I removed the "@babel/plugin-transform-modules-commonjs" library and it worked.

airowe · 2024-08-06T17:53:59Z

@babel/plugin-transform-modules-commonjs

This worked for me. Had to delete package-lock.json and node_modules afterwards, but good find.

pramodyak · 2024-08-21T13:25:54Z

In my case I had both .babelrc and babel.config.js files. Needed to update both with new ''module:@react-native/babel-preset'' instead of "module:metro-react-native-babel-preset".

ddabrowiecki · 2024-11-16T19:54:17Z

@babel/plugin-transform-modules-commonjs

This worked for me. Had to delete package-lock.json and node_modules afterwards, but good find.

Worked for me too. After 12 hours oof. I was mostly debugging through Expo Go, so I highly recommend that folks install Android Studio which helped get me the right stack trace to identify the issue and find this thread.

bweston92 closed this as completed Dec 28, 2023

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

React Native Upgrade 0.72.5 -> 0.73.1 | export declaration must be at top level of module export default #254

React Native Upgrade 0.72.5 -> 0.73.1 | export declaration must be at top level of module export default #254

bweston92 commented Dec 20, 2023 •

edited

Loading

mo-fouad commented Dec 24, 2023

bweston92 commented Dec 24, 2023

vipulSoni458 commented Dec 27, 2023

vipulSoni458 commented Dec 28, 2023

bweston92 commented Dec 28, 2023

paulschreiber commented Dec 28, 2023 •

edited

Loading

the-real-adammork commented Feb 4, 2024

GabrielBursi commented Feb 16, 2024

manan-schmooze commented Feb 26, 2024

mikewguo commented Feb 28, 2024 •

edited

Loading

malikzype commented Apr 25, 2024

usmanabid94 commented May 2, 2024

ysfzrn commented May 31, 2024

airowe commented Aug 6, 2024

pramodyak commented Aug 21, 2024

ddabrowiecki commented Nov 16, 2024

React Native Upgrade 0.72.5 -> 0.73.1 | export declaration must be at top level of module export default #254

React Native Upgrade 0.72.5 -> 0.73.1 | export declaration must be at top level of module export default #254

Comments

bweston92 commented Dec 20, 2023 • edited Loading

Environment

Things I’ve done to figure out my issue

Upgrading version

Description

mo-fouad commented Dec 24, 2023

bweston92 commented Dec 24, 2023

vipulSoni458 commented Dec 27, 2023

vipulSoni458 commented Dec 28, 2023

bweston92 commented Dec 28, 2023

paulschreiber commented Dec 28, 2023 • edited Loading

the-real-adammork commented Feb 4, 2024

GabrielBursi commented Feb 16, 2024

manan-schmooze commented Feb 26, 2024

mikewguo commented Feb 28, 2024 • edited Loading

malikzype commented Apr 25, 2024

usmanabid94 commented May 2, 2024

ysfzrn commented May 31, 2024

airowe commented Aug 6, 2024

pramodyak commented Aug 21, 2024

ddabrowiecki commented Nov 16, 2024

bweston92 commented Dec 20, 2023 •

edited

Loading

paulschreiber commented Dec 28, 2023 •

edited

Loading

mikewguo commented Feb 28, 2024 •

edited

Loading