'yarn run:host:android' show only loading page. #49

JeehoonLim · 2023-07-03T12:17:48Z

Ask your Question

Hello.
I tried to execute your showcase without standalone .
I open 3 terminals and execute like below, but what I can see is only the loading page.

Term 1: yarn
yarn start
Term 2: yarn adbreverse
Term 3: yarn run:host:android

Do I need something more to run the superapp and miniapps?

thymikee · 2023-07-03T13:26:54Z

You will also need to run the catalog-server and auth module:

yarn concurrently -P "yarn start:catalog" "yarn start:auth"

Does that work for you?

JeehoonLim · 2023-07-03T20:24:49Z

When I execute the comand, It gives me errors like below:

[0] Error: listen EADDRINUSE: address already in use :::3000
...
[0] yarn start:catalog exited with code 1
[1] error listen EADDRINUSE: address already in use ::1:9003.

I guess the cause is that first command 'yarn start' already run the catalog-server and auth module:

PS C:\work\repack\super-app-showcase> yarn start
[catalog] [CatalogServer] Server listening at port 3000
[shopping] i [20:12:31.181Z][DevServer] Server listening at http://[::1]:9001
[booking] i [20:12:31.388Z][DevServer] Server listening at http://[::1]:9000
[dashboard] i [20:12:31.517Z][DevServer] Server listening at http://[::1]:9002
[auth] i [20:12:31.516Z][DevServer] Server listening at http://[::1]:9003
[host] i [20:12:31.806Z][DevServer] Server listening at http://[::1]:8081

trancongdung12 · 2023-07-19T03:15:55Z

any update? same issue when run app

aravindle · 2023-08-01T06:20:36Z

any update? same issue when run app

same here

jbroma · 2023-08-08T12:06:38Z

Hi everyone,

I've recently updated Re.Pack and CodeSigning configuration, please check whether this resolves your issues!

Regarding the commands, the only commands you should need for running the app on Android should be this:

yarn start                 # starts all the devservers
yarn run:host:android      # builds the app for android & starts the emulator
yarn adbreverse            # enables connection via ports needed by the devservers

One word of advice - you need to run yarn adbreverse after the emulator has started, otherwise it will have no effect.

keila66 · 2023-08-14T19:13:32Z

Im having this same issue when running app on Windows 11. Any possible solution?

quangtruongdit · 2023-08-15T03:05:39Z

Hi all,
I have got the issue with run the app on Android device as below, seems the Auth module does not get bundle correctly.
Do you guys have same issue?

`
⇢ [03:01:01.815Z][LoggerPlugin] Compiling android: 26% building (3/10 entries 192/234 dependencies 13/106 modules)
⇢ [03:01:04.198Z][LoggerPlugin] Compiling android: 31% building (4/10 entries 826/1000 dependencies 87/290 modules)
⇢ [03:01:05.884Z][LoggerPlugin] Compiling android: 32% building (4/10 entries 1631/1700 dependencies 126/450 modules)
⇢ [03:01:08.153Z][LoggerPlugin] Compiling android: 32% building (4/10 entries 2113/2200 dependencies 187/543 modules)
⇢ [03:01:09.921Z][LoggerPlugin] Compiling android: 32% building (4/10 entries 2717/3000 dependencies 287/597 modules)
⇢ [03:01:12.506Z][LoggerPlugin] Compiling android: 32% building (4/10 entries 2898/3139 dependencies 318/600 modules)
⇢ [03:01:13.890Z][LoggerPlugin] Compiling android: 65% building (14/14 entries 3908/3908 dependencies 762/762 modules)
node:internal/event_target:1010
process.nextTick(() => { throw err; });
^

Error: ENOENT: no such file or directory, open '/Users/../reactnative/rn-super-app/packages/auth/build/generated/android/vendors-node_modules_pmmmwh_react-refresh-webpack-plugin_lib_runtime_RefreshUtils_js.chunk.bundle'
Emitted 'error' event on Compiler instance at:
at Worker. (/Users/.../reactnative/rn-super-app/packages/auth/node_modules/@callstack/repack/dist/webpack/Compiler.js:110:14)
at Worker.emit (node:events:513:28)
at MessagePort. (node:internal/worker:233:53)
at [nodejs.internal.kHybridDispatch] (node:internal/event_target:735:20)
at exports.emitMessage (node:internal/per_context/messageport:23:28)
`

I temporary removed the 'auth' from the host app, then I am able to run this app with the 'booking' module.

Thanks

quangtruongdit · 2023-08-15T03:09:10Z

Ask your Question

Hello. I tried to execute your showcase without standalone . I open 3 terminals and execute like below, but what I can see is only the loading page.

Term 1: yarn yarn start Term 2: yarn adbreverse Term 3: yarn run:host:android

Do I need something more to run the superapp and miniapps?

Please try to remove "AuthProvider" in the host/src/App.tsx. Seems 'auth' module has some issue with bundling.

Try return this component only.
return ( <NavigationContainer onReady={() => RNBootSplash.hide({ fade: true, duration: 500 })}> <MainNavigator /> </NavigationContainer> );

aravindd7 · 2023-08-15T03:18:30Z

Hi all,
I have got the issue with run the app on Android device as below, seems the Auth module does not get bundle correctly.
Do you guys have same issue?

`
⇢ [03:01:01.815Z][LoggerPlugin] Compiling android: 26% building (3/10 entries 192/234 dependencies 13/106 modules)
⇢ [03:01:04.198Z][LoggerPlugin] Compiling android: 31% building (4/10 entries 826/1000 dependencies 87/290 modules)
⇢ [03:01:05.884Z][LoggerPlugin] Compiling android: 32% building (4/10 entries 1631/1700 dependencies 126/450 modules)
⇢ [03:01:08.153Z][LoggerPlugin] Compiling android: 32% building (4/10 entries 2113/2200 dependencies 187/543 modules)
⇢ [03:01:09.921Z][LoggerPlugin] Compiling android: 32% building (4/10 entries 2717/3000 dependencies 287/597 modules)
⇢ [03:01:12.506Z][LoggerPlugin] Compiling android: 32% building (4/10 entries 2898/3139 dependencies 318/600 modules)
⇢ [03:01:13.890Z][LoggerPlugin] Compiling android: 65% building (14/14 entries 3908/3908 dependencies 762/762 modules)
node:internal/event_target:1010
process.nextTick(() => { throw err; });
^

Error: ENOENT: no such file or directory, open '/Users/../reactnative/rn-super-app/packages/auth/build/generated/android/vendors-node_modules_pmmmwh_react-refresh-webpack-plugin_lib_runtime_RefreshUtils_js.chunk.bundle'
Emitted 'error' event on Compiler instance at:
at Worker. (/Users/.../reactnative/rn-super-app/packages/auth/node_modules/@callstack/repack/dist/webpack/Compiler.js:110:14)
at Worker.emit (node:events:513:28)
at MessagePort. (node:internal/worker:233:53)
at [nodejs.internal.kHybridDispatch] (node:internal/event_target:735:20)
at exports.emitMessage (node:internal/per_context/messageport:23:28)
`

I temporary removed the 'auth' from the host app, then I am able to run this app with the 'booking' module.

Thanks

What all steps did u take to remove auth from the host app. Could you please tell me as I am trying to boot this project since few weeks.

quangtruongdit · 2023-08-15T03:31:02Z

. Could you

There are 2 things I did:

Create a pem file called 'code-signing.pem' and place it in root folder
Go to ./packages/host/src/App.tsx, then remove the 'AuthProvider"
Your code in App.tsx now is:

`import React from 'react';
import RNBootSplash from "react-native-bootsplash";
import {Federated} from '@callstack/repack/client';
import {NavigationContainer} from '@react-navigation/native';
import MainNavigator from './navigation/MainNavigator';
import SplashScreen from './components/SplashScreen';
import ErrorBoundary from './components/ErrorBoundary';

const AuthProvider = React.lazy(() =>
Federated.importModule('auth', './AuthProvider'),
);
const SignInScreen = React.lazy(() =>
Federated.importModule('auth', './SignInScreen'),
);

const App = () => {
return (
<NavigationContainer onReady={() => RNBootSplash.hide({ fade: true, duration: 500 })}>

);
};

export default App;
`

Follow the readme and start app as normal

At root folder:

yarn
yarn start
yarn run:host:android
yarn adbreverse

Hope it helps

umer4081 · 2023-09-09T10:12:13Z

Im having this same issue when running app please any new update here!!

aravindd7 · 2023-09-09T10:18:02Z

Im having this same issue when running app please any new update here!!

I shifted to Linux OS and could get the app to work based on inputs from all issue threads

umer4081 · 2023-09-09T10:26:52Z

I'm not getting your point could you please explain!

…

________________________________ From: Aravind Dammu ***@***.***> Sent: 09 September 2023 15:48 To: callstack/super-app-showcase ***@***.***> Cc: Umer Majeed ***@***.***>; Comment ***@***.***> Subject: Re: [callstack/super-app-showcase] 'yarn run:host:android' show only loading page. (Issue #49) Im having this same issue when running app please any new update here!! I shifted to Linux OS and could get the app to work based on inputs from all issue threads — Reply to this email directly, view it on GitHub<#49 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/BCI73N5D3QERBBU7PXGS5UDXZQ66LANCNFSM6AAAAAAZ4L7TYY>. You are receiving this because you commented.Message ID: ***@***.***>

umer4081 · 2023-09-09T10:29:23Z

JeehoonLim · 2023-09-20T00:29:15Z

I should share my current status.
I could see the app screens when I execute on Macbook env, failed with windows env.

**< History of my work > **
I use 3 environment for this showcase

Env 1: Old Windows Laptop ( For 1st try )
It stucked with loading page. --> I assume the problem is due to lack of resources.

Env 2: New Windows Laptop
I could pass the 'Loading page issue'.
But the app show me ESM Loader error like #63.

[host] Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only URLs with a scheme in: file, data, and node are supported by the default ESM loader. On Windows, absolute paths must be valid file:// URLs. Received protocol 'c:'

I received recent branch from the repository, but the problem was not solved.
I think this problem is related to this reapck issue.

Env3: (Old) Macbook
Finally, I could see the app screens.
In fact, when first execution of every app - host ans mini app -, It shows me the error page.
But second request - after build complete, it works well.

aravindd7 · 2023-09-20T02:06:01Z

Same with me(env3 case)

bharath-doijode · 2024-02-16T08:10:31Z

I also had the same show only loading page issue. Now it is resolved by changing to below environment

Node Version: v18.11.0
repack module version: "@callstack/repack": "~3.7.0",
OS: mac

Akshayn777 · 2024-03-04T05:23:20Z

Hey,
I facing the issue like , When I try to run the react native app. I can able to install the app and I can also able to see the splash screen. but somehow the development server disconnects. Please give me a solution.
node version :21.0.0

PC : Windows

bharath-doijode · 2024-03-04T07:59:24Z

Please downgrade the node version to 18.x.x and try

Havanika28 · 2024-03-25T21:26:36Z

hi,
@bharath-doijode Downgrading the version dint work. I am still seeing the same callstack screen.
Please help.

trancongdung12 · 2024-07-10T02:04:19Z

@quangtruongdit Have you built a super app yet? bro 🇻🇳

JeehoonLim added the question Further information is requested label Jul 3, 2023

le-thi-le mentioned this issue Aug 24, 2023

Error [ERR_UNSUPPORTED_ESM_URL_SCHEME]: Only URLs with a scheme in: file, data are supported by the default ESM loader. On Windows, absolute paths must be valid file:// URLs. Received protocol 'd:' #63

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

'yarn run:host:android' show only loading page. #49

'yarn run:host:android' show only loading page. #49

JeehoonLim commented Jul 3, 2023

thymikee commented Jul 3, 2023

JeehoonLim commented Jul 3, 2023 •

edited

Loading

trancongdung12 commented Jul 19, 2023

aravindle commented Aug 1, 2023

jbroma commented Aug 8, 2023

keila66 commented Aug 14, 2023

quangtruongdit commented Aug 15, 2023 •

edited

Loading

quangtruongdit commented Aug 15, 2023

Ask your Question

aravindd7 commented Aug 15, 2023

quangtruongdit commented Aug 15, 2023 •

edited

Loading

umer4081 commented Sep 9, 2023

aravindd7 commented Sep 9, 2023

umer4081 commented Sep 9, 2023 via email

umer4081 commented Sep 9, 2023

JeehoonLim commented Sep 20, 2023

aravindd7 commented Sep 20, 2023

bharath-doijode commented Feb 16, 2024

Akshayn777 commented Mar 4, 2024 •

edited

Loading

bharath-doijode commented Mar 4, 2024 •

edited

Loading

Havanika28 commented Mar 25, 2024

trancongdung12 commented Jul 10, 2024

'yarn run:host:android' show only loading page. #49

'yarn run:host:android' show only loading page. #49

Comments

JeehoonLim commented Jul 3, 2023

Ask your Question

thymikee commented Jul 3, 2023

JeehoonLim commented Jul 3, 2023 • edited Loading

trancongdung12 commented Jul 19, 2023

aravindle commented Aug 1, 2023

jbroma commented Aug 8, 2023

keila66 commented Aug 14, 2023

quangtruongdit commented Aug 15, 2023 • edited Loading

quangtruongdit commented Aug 15, 2023

Ask your Question

aravindd7 commented Aug 15, 2023

quangtruongdit commented Aug 15, 2023 • edited Loading

umer4081 commented Sep 9, 2023

aravindd7 commented Sep 9, 2023

umer4081 commented Sep 9, 2023 via email

umer4081 commented Sep 9, 2023

JeehoonLim commented Sep 20, 2023

aravindd7 commented Sep 20, 2023

bharath-doijode commented Feb 16, 2024

Akshayn777 commented Mar 4, 2024 • edited Loading

bharath-doijode commented Mar 4, 2024 • edited Loading

Havanika28 commented Mar 25, 2024

trancongdung12 commented Jul 10, 2024

JeehoonLim commented Jul 3, 2023 •

edited

Loading

quangtruongdit commented Aug 15, 2023 •

edited

Loading

quangtruongdit commented Aug 15, 2023 •

edited

Loading

Akshayn777 commented Mar 4, 2024 •

edited

Loading

bharath-doijode commented Mar 4, 2024 •

edited

Loading