software-mansion / radon-ide

VSCode extension that turns your editor into a fully fledged IDE for React Native and Expo.
https://ide.swmansion.com
Other
985 stars 33 forks source link

Unable to Run the Project #528

Closed lohenyumnam closed 3 weeks ago

lohenyumnam commented 2 months ago

Description Stuck on Waiting for app to load

Environment

launch.json

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "react-native-ide",
      "request": "launch",
      "name": "React Native IDE panel",
      "isExpo": false,
      "ios": {
        "configuration": "Debug",
        "scheme": "ServiceDelivery-Dev"
      },
      "android": {
        "buildType": "debug",
        "productFlavor": "dev"
      }
    }
  ]
}

Log - React Native IDE

2024-09-05 15:23:18.091 [info] Setup dependency checker listeners.
2024-09-05 15:23:18.091 [info] Installing Node Modules
2024-09-05 15:23:18.091 [info] Launching devtools
2024-09-05 15:23:18.091 [info] Launching metro
2024-09-05 15:23:18.092 [info] Devtools started on port 50822
2024-09-05 15:23:18.558 [info] Selected device is ready
2024-09-05 15:23:18.815 [info] Received checkNodejsInstalled command.
2024-09-05 15:23:18.815 [info] Received checkAndroidEmulatorInstalled command.
2024-09-05 15:23:18.815 [info] Android Emulator installed: true
2024-09-05 15:23:18.817 [info] Received checkXcodeInstalled command.
2024-09-05 15:23:18.819 [info] Received checkCocoaPodsInstalled command.
2024-09-05 15:23:18.819 [info] Received checkNodeModulesInstalled command.
2024-09-05 15:23:18.820 [info] Received checkReactNativeInstalled command.
2024-09-05 15:23:18.820 [info] Check react-native module version. Version found: 0.72.6. Minimum version: 0.71.0
2024-09-05 15:23:18.820 [info] Minimum React Native version installed: true
2024-09-05 15:23:18.820 [info] Received checkExpoInstalled command.
2024-09-05 15:23:18.820 [info] Check expo module version. Module not found.
2024-09-05 15:23:18.820 [info] Minimum Expo version installed: false
2024-09-05 15:23:18.820 [info] Received checkPodsInstalled command.
2024-09-05 15:23:18.820 [info] Project pods installed: false
2024-09-05 15:23:18.841 [info] Nodejs installed: true
2024-09-05 15:23:19.370 [info] Xcode Command Line Tools installed: true
2024-09-05 15:23:19.843 [info] Node Modules installed: false
2024-09-05 15:23:20.014 [info] CocoaPods installed: true
2024-09-05 15:23:20.348 [info] Node Modules installed
2024-09-05 15:23:20.365 [info] Node Modules installed: false
2024-09-05 15:23:20.724 [info] Metro warn From React Native 0.72, your metro.config.js file should extend'@react-native/metro-config'. Please see the React Native 0.72 changelog, or copy the template at:
2024-09-05 15:23:20.724 [info] Metro https://github.com/facebook/react-native/blob/main/packages/react-native/template/metro.config.js
2024-09-05 15:23:20.724 [info] Metro warn Falling back to internal defaults.
2024-09-05 15:23:20.788 [info] Metro {"hasReducedPerformance":false,"port":0,"type":"initialize_started"}
2024-09-05 15:23:20.788 [info] Metro {"type":"dep_graph_loading","hasReducedPerformance":false}
2024-09-05 15:23:20.865 [info] Metro {"type":"RNIDE_initialize_done","port":50825}
2024-09-05 15:23:20.865 [info] Metro started on port 50825
2024-09-05 15:23:20.866 [info] Metro & devtools ready
2024-09-05 15:23:30.049 [info] Metro {"type":"dep_graph_loaded"}
2024-09-05 15:23:30.050 [info] Metro {"type":"transformer_load_started"}
2024-09-05 15:23:30.269 [info] Metro {"type":"transformer_load_done"}
2024-09-05 15:23:30.270 [info] Metro {"type":"initialize_done","port":0}
2024-09-05 15:23:33.733 [info] Defaults location /Users/lohenyumnam/Library/Caches/com.swmansion.react-native-ide/Devices/iOS/F1DD1FDE-7818-4693-8A10-C444583AA0B5/data/Containers/Data/Application/A2E0F3EA-E6E0-4ED6-9FBA-3C6C7786A825/Library/Preferences/com.nilesecure.servicedelivery.dev.plist
2024-09-05 15:23:34.871 [info] Will wait for app ready and for preview
2024-09-05 15:23:34.872 [info] Launch preview /Users/lohenyumnam/.vscode/extensions/swmansion.react-native-ide-0.0.17-darwin-arm64/dist/sim-server-executable ios,F1DD1FDE-7818-4693-8A10-C444583AA0B5,/Users/lohenyumnam/Library/Caches/com.swmansion.react-native-ide/Devices/iOS
2024-09-05 15:23:35.318 [info] Preview server ready http://127.0.0.1:50860/stream.mjpeg
2024-09-05 15:23:35.318 [info] Preview server: [2024-09-05T09:53:34Z INFO  simulator_server::mjpeg_server] Server started on: http://127.0.0.1:50860/stream.mjpeg
2024-09-05 15:23:41.584 [info] Defaults location /Users/lohenyumnam/Library/Caches/com.swmansion.react-native-ide/Devices/iOS/F1DD1FDE-7818-4693-8A10-C444583AA0B5/data/Containers/Data/Application/D1F43F69-6C74-4300-B3FE-E87206944850/Library/Preferences/com.nilesecure.servicedelivery.dev.plist
2024-09-05 15:23:41.807 [info] Will wait for app ready and for preview
2024-09-05 15:23:41.807 [info] Launch preview /Users/lohenyumnam/.vscode/extensions/swmansion.react-native-ide-0.0.17-darwin-arm64/dist/sim-server-executable ios,F1DD1FDE-7818-4693-8A10-C444583AA0B5,/Users/lohenyumnam/Library/Caches/com.swmansion.react-native-ide/Devices/iOS
2024-09-05 15:23:41.914 [info] Preview server ready http://127.0.0.1:50883/stream.mjpeg
2024-09-05 15:23:41.914 [info] Preview server: [2024-09-05T09:53:41Z INFO  simulator_server::mjpeg_server] Server started on: http://127.0.0.1:50883/stream.mjpeg
2024-09-05 15:23:42.967 [info] Metro {"buildID":"2","bundleDetails":{"bundleType":"bundle","dev":true,"entryFile":"/Users/lohenyumnam/Developer/Nile/NileNav/index.js","minify":false,"platform":"ios"},"isPrefetch":false,"type":"bundle_build_started"}
2024-09-05 15:23:43.432 [info] Metro {"type":"worker_stderr_chunk","chunk":"(node:53513) Warning: Accessing non-existent property 'then' of module exports inside circular dependency\n(Use `node --trace-warnings ...` to show where the warning was created)\n"}
2024-09-05 15:23:43.433 [info] Metro {"type":"worker_stderr_chunk","chunk":"(node:53513) Warning: Accessing non-existent property 'then' of module exports inside circular dependency\n"}
2024-09-05 15:23:44.031 [info] Metro {"type":"worker_stderr_chunk","chunk":"(node:53515) Warning: Accessing non-existent property 'then' of module exports inside circular dependency\n(Use `node --trace-warnings ...` to show where the warning was created)\n(node:53515) Warning: Accessing non-existent property 'then' of module exports inside circular dependency\n"}
2024-09-05 15:23:44.134 [info] Metro {"type":"worker_stderr_chunk","chunk":"(node:53518) Warning: Accessing non-existent property 'then' of module exports inside circular dependency\n(Use `node --trace-warnings ...` to show where the warning was created)\n(node:53518) Warning: Accessing non-existent property 'then' of module exports inside circular dependency\n"}
2024-09-05 15:23:44.146 [info] Metro {"type":"worker_stderr_chunk","chunk":"(node:53514) Warning: Accessing non-existent property 'then' of module exports inside circular dependency\n(Use `node --trace-warnings ...` to show where the warning was created)\n"}
2024-09-05 15:23:44.147 [info] Metro {"type":"worker_stderr_chunk","chunk":"(node:53514) Warning: Accessing non-existent property 'then' of module exports inside circular dependency\n"}
2024-09-05 15:23:44.510 [info] Metro {"type":"worker_stderr_chunk","chunk":"(node:53516) Warning: Accessing non-existent property 'then' of module exports inside circular dependency\n(Use `node --trace-warnings ...` to show where the warning was created)\n(node:53516) Warning: Accessing non-existent property 'then' of module exports inside circular dependency\n"}
2024-09-05 15:23:45.417 [info] Metro {"type":"worker_stderr_chunk","chunk":"(node:53517) Warning: Accessing non-existent property 'then' of module exports inside circular dependency\n(Use `node --trace-warnings ...` to show where the warning was created)\n(node:53517) Warning: Accessing non-existent property 'then' of module exports inside circular dependency\n"}
2024-09-05 15:24:07.247 [info] Metro {"type":"worker_stderr_chunk","chunk":"[BABEL] Note: The code generator has deoptimised the styling of /Users/lohenyumnam/Developer/Nile/NileNav/unknown as it exceeds the max of 500KB.\n"}
2024-09-05 15:24:08.428 [info] Metro {"type":"worker_stderr_chunk","chunk":"[BABEL] Note: The code generator has deoptimised the styling of /Users/lohenyumnam/Developer/Nile/NileNav/unknown as it exceeds the max of 500KB.\n"}
2024-09-05 15:24:44.401 [info] Metro {"buildID":"2","type":"bundle_build_done"}
2024-09-05 15:24:45.141 [info] Devtools client connected
2024-09-05 15:24:45.552 [error] ViewPropTypes will be removed from React Native, along with all other PropTypes. We recommend that you migrate away from PropTypes and switch to a type system like TypeScript. If you need to continue using ViewPropTypes, migrate to the 'deprecated-react-native-prop-types' package.
2024-09-05 15:24:45.552 [info] Metro {"type":"client_log","level":"log","data":["http://localhost:50825/index.bundle//&platform=ios&dev=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=com.nilesecure.servicedelivery.dev","474931","13"],"mode":"BRIDGE"}
2024-09-05 15:24:45.552 [info] Metro {"type":"client_log","level":"log","data":["\u001b[94m3:24:45 PM | App | INFO : app.tsx | CURRENT ENV: dev \u001b[0m","http://localhost:50825/index.bundle//&platform=ios&dev=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=com.nilesecure.servicedelivery.dev","263404","17"],"mode":"BRIDGE"}
2024-09-05 15:24:45.552 [info] Metro {"type":"client_log","level":"log","data":["Running \"ServiceDelivery\" with {\"rootTag\":1,\"initialProps\":{}}","http://localhost:50825/index.bundle//&platform=ios&dev=true&minify=false&inlineSourceMap=false&modulesOnly=false&runModule=true&app=com.nilesecure.servicedelivery.dev","37006","41"],"mode":"BRIDGE"}
2024-09-05 15:24:45.553 [error] Error: Requiring unknown module "undefined". If you are sure the module exists, try restarting Metro. You may also want to run `yarn` or `npm install`., js engine: hermes
2024-09-05 15:24:45.553 [error] Error: Requiring unknown module "undefined". If you are sure the module exists, try restarting Metro. You may also want to run `yarn` or `npm install`., js engine: hermes
2024-09-05 15:24:45.553 [error] TypeError: Cannot read property 'jsxDEV' of undefined

This error is located at:
    in PreviewAppWrapper (at AppContainer.js:144)
    in RCTView (at View.js:108)
    in View (at AppContainer.js:156)
    in AppContainer (at renderApplication.js:50)
    in ServiceDelivery(RootComponent) (at renderApplication.js:67), js engine: hermes
2024-09-05 15:24:45.553 [error] TypeError: Cannot read property 'jsxDEV' of undefined

This error is located at:
    in PreviewAppWrapper (at AppContainer.js:144)
    in RCTView (at View.js:108)
    in View (at AppContainer.js:156)
    in AppContainer (at renderApplication.js:50)
    in ServiceDelivery(RootComponent) (at renderApplication.js:67), js engine: hermes
2024-09-05 15:24:46.698 [error] Error: Requiring unknown module "undefined". If you are sure the module exists, try restarting Metro. You may also want to run `yarn` or `npm install`., js engine: hermes
2024-09-05 15:24:46.699 [error] Error: Requiring unknown module "undefined". If you are sure the module exists, try restarting Metro. You may also want to run `yarn` or `npm install`., js engine: hermes
2024-09-05 15:24:46.699 [error] TypeError: Cannot read property 'jsxDEV' of undefined

This error is located at:
    in PreviewAppWrapper (at AppContainer.js:144)
    in RCTView (at View.js:108)
    in View (at AppContainer.js:156)
    in AppContainer (at renderApplication.js:50)
    in LogBox(RootComponent) (at renderApplication.js:67), js engine: hermes
2024-09-05 15:24:46.699 [error] TypeError: Cannot read property 'jsxDEV' of undefined

This error is located at:
    in PreviewAppWrapper (at AppContainer.js:144)
    in RCTView (at View.js:108)
    in View (at AppContainer.js:156)
    in AppContainer (at renderApplication.js:50)
    in LogBox(RootComponent) (at renderApplication.js:67), js engine: hermes
2024-09-05 15:31:43.313 [error] Error while parsing keybindings.json A system error occurred (ENOENT: no such file or directory, open '/Users/lohenyumnam/Library/Application Support/Code/User/keybindings.json')
2024-09-05 15:31:58.669 [info] Received checkNodejsInstalled command.
2024-09-05 15:31:58.672 [info] Received checkAndroidEmulatorInstalled command.
2024-09-05 15:31:58.672 [info] Android Emulator installed: true
2024-09-05 15:31:58.678 [info] Received checkXcodeInstalled command.
2024-09-05 15:31:58.680 [info] Received checkCocoaPodsInstalled command.
2024-09-05 15:31:58.681 [info] Received checkNodeModulesInstalled command.
2024-09-05 15:31:58.684 [info] Received checkReactNativeInstalled command.
2024-09-05 15:31:58.684 [info] Check react-native module version. Version found: 0.72.6. Minimum version: 0.71.0
2024-09-05 15:31:58.684 [info] Minimum React Native version installed: true
2024-09-05 15:31:58.685 [info] Received checkExpoInstalled command.
2024-09-05 15:31:58.685 [info] Check expo module version. Module not found.
2024-09-05 15:31:58.685 [info] Minimum Expo version installed: false
2024-09-05 15:31:58.685 [info] Received checkPodsInstalled command.
2024-09-05 15:31:58.685 [info] Project pods installed: false
2024-09-05 15:31:58.728 [info] Nodejs installed: true
2024-09-05 15:31:59.396 [info] Received checkNodejsInstalled command.
2024-09-05 15:31:59.397 [info] Received checkAndroidEmulatorInstalled command.
2024-09-05 15:31:59.397 [info] Android Emulator installed: true
2024-09-05 15:31:59.398 [info] Received checkXcodeInstalled command.
2024-09-05 15:31:59.400 [info] Received checkCocoaPodsInstalled command.
2024-09-05 15:31:59.400 [info] Received checkNodeModulesInstalled command.
2024-09-05 15:31:59.401 [info] Received checkReactNativeInstalled command.
2024-09-05 15:31:59.401 [info] Check react-native module version. Version found: 0.72.6. Minimum version: 0.71.0
2024-09-05 15:31:59.401 [info] Minimum React Native version installed: true
2024-09-05 15:31:59.401 [info] Received checkExpoInstalled command.
2024-09-05 15:31:59.401 [info] Check expo module version. Module not found.
2024-09-05 15:31:59.401 [info] Minimum Expo version installed: false
2024-09-05 15:31:59.401 [info] Received checkPodsInstalled command.
2024-09-05 15:31:59.401 [info] Project pods installed: false
2024-09-05 15:31:59.439 [info] Nodejs installed: true
2024-09-05 15:31:59.655 [info] Xcode Command Line Tools installed: true
2024-09-05 15:31:59.744 [info] Xcode Command Line Tools installed: true
2024-09-05 15:31:59.753 [info] CocoaPods installed: true
2024-09-05 15:31:59.928 [info] CocoaPods installed: true
2024-09-05 15:32:00.151 [info] Node Modules installed: false
2024-09-05 15:32:00.434 [info] Node Modules installed: false

Please do let me know what else Information I can provide

PS: This project run fine in normal way

bozidar-gajic-ananas commented 2 months ago

I have a similar issue.

Environment:

This error is located at:
    in PreviewAppWrapper (at AppContainer-dev.js:152)
    in RCTView (at View.js:106)
    in View (at AppContainer-dev.js:168)
    in AppContainer (at renderApplication.js:50)
    in AnanasMobileApplication(RootComponent) (at renderApplication.js:67), js engine: hermes
2024-09-13 15:50:07.204 [error] ReferenceError: Property 'React' doesn't exist
marcuslobatovt commented 1 month ago

I also have a similar problem.

Environment:

Version: v0.0.19-beta Project type: React Native (not Expo) React Native version: 0.72.7

`2024-09-26 21:18:01.803 [error] Error: Requiring unknown module "undefined". If you are sure the module exists, try restarting Metro. You may also want to run yarn or npm install., js engine: hermes 2024-09-26 21:18:01.803 [error] Error: Requiring unknown module "undefined". If you are sure the module exists, try restarting Metro. You may also want to run yarn or npm install., js engine: hermes 2024-09-26 21:18:01.803 [error] TypeError: Cannot read property 'jsxDEV' of undefined

This error is located at: in PreviewAppWrapper (at AppContainer.js:144) in RCTView (at View.js:108) in View (at AppContainer.js:156) in AppContainer (at renderApplication.js:50) in IRPF_MOBILE(RootComponent) (at renderApplication.js:67), js engine: hermes 2024-09-26 21:18:01.803 [error] TypeError: Cannot read property 'jsxDEV' of undefined`

kmagiera commented 3 weeks ago

Can anyone reporting here could try this again on version 0.21?

kmagiera commented 3 weeks ago

Also will close this one, as we have similar reports for more recent versions of the IDE. If you get a chance to try it with the latest version and the problem persist, please comment on #633