component build | electronjs.org | Page 1

cobalt wedge Jul 5, 2024, 5:16 PM

#

Hello, I created a react and electron project and it works without any problems during the development process. When I build, there is no transition between pages. No components are loading

slate summit Jul 5, 2024, 5:18 PM

#

cobalt wedge Hello, I created a react and electron project and it works without any problems ...

Make sure your settings are correct ->
https://gist.github.com/Arkellys/96359e7ba19e98260856c897bc378606#5

cobalt wedge Jul 5, 2024, 5:19 PM

#

ok i'm looking

#

I do not understand anything

#

are u come my screen in voice channel ?

slate summit Jul 5, 2024, 5:23 PM

#

no

cobalt wedge Jul 5, 2024, 5:23 PM

#

😦

slate summit Jul 5, 2024, 5:24 PM

#

what you don't understand?

cobalt wedge Jul 5, 2024, 5:24 PM

#

anything 😄

slate summit Jul 5, 2024, 5:24 PM

#

try to read again then

cobalt wedge Jul 5, 2024, 5:24 PM

#

my English is not very good

#

i read 3 times and my friend read 2 timer

#

we dont understand 😄

slate summit Jul 5, 2024, 5:24 PM

#

what's your first language?

cobalt wedge Jul 5, 2024, 5:24 PM

#

turkish and JS

slate summit Jul 5, 2024, 5:24 PM

#

ah, can't help then

cobalt wedge Jul 5, 2024, 5:25 PM

#

only come voice and route we

slate summit Jul 5, 2024, 5:25 PM

#

no

#

I don't speak English

cobalt wedge Jul 5, 2024, 5:25 PM

#

😦 :/

#

what is your lang ?

slate summit Jul 5, 2024, 5:25 PM

#

French

cobalt wedge Jul 5, 2024, 5:25 PM

#

i learn french in 5 min

#

pls come voice 😄

slate summit Jul 5, 2024, 5:25 PM

#

no

cobalt wedge Jul 5, 2024, 5:26 PM

#

are u say always no ? 😄

slate summit Jul 5, 2024, 5:26 PM

#

I mean, the docs I send can easily be translated

cobalt wedge Jul 5, 2024, 5:26 PM

#

but when i apply it i don't get any results

slate summit Jul 5, 2024, 5:26 PM

#

you just need to check if this could be your issue

#

then you need to share more info about your problem

cobalt wedge Jul 5, 2024, 5:27 PM

#

#

my router page

#

Note that there is only 1 router, so I opened the project for testing purposes

slate summit Jul 5, 2024, 5:28 PM

#

looks okay

cobalt wedge Jul 5, 2024, 5:28 PM

#

i use hashrouter , browser router and other router

slate summit Jul 5, 2024, 5:28 PM

#

except for this useEffect

cobalt wedge Jul 5, 2024, 5:28 PM

#

All are working in development phase

slate summit Jul 5, 2024, 5:28 PM

#

I don't see why you need this navigate

cobalt wedge Jul 5, 2024, 5:29 PM

#

But when we build, there is no page and no error.

slate summit Jul 5, 2024, 5:29 PM

#

how have you created your React app?

cobalt wedge Jul 5, 2024, 5:29 PM

#

npx create-react-app

#

😄

slate summit Jul 5, 2024, 5:30 PM

#

deprecated but ok

#

have you checked the homepage param in package.json?

cobalt wedge Jul 5, 2024, 5:30 PM

#

slate summit Jul 5, 2024, 5:32 PM

#

okay, now show me how you load your content in your BrowserWindow?

umbral musk Jul 5, 2024, 5:33 PM

#

slate summit Jul 5, 2024, 5:35 PM

#

okay, screenshot of the Network tab of your app in production?

#

If it's empty when you open it reload the page

cobalt wedge Jul 5, 2024, 5:36 PM

#

slate summit Jul 5, 2024, 5:36 PM

#

hu

#

and what result do you get exactly?

#

what do you see?

cobalt wedge Jul 5, 2024, 5:37 PM

#

umbral musk Jul 5, 2024, 5:37 PM

#

we want a router system but we work with file system in production mode

slate summit Jul 5, 2024, 5:38 PM

#

remove the useEffect

#

and try again

cobalt wedge Jul 5, 2024, 5:38 PM

#

cobalt wedge

this is wrong

#

sorry wait

slate summit Jul 5, 2024, 5:38 PM

#

Router is no problem in production as long as you use Hash routing

cobalt wedge Jul 5, 2024, 5:39 PM

#

this is correct

slate summit Jul 5, 2024, 5:39 PM

#

try without the useEffect containing the navigate

#

again, I don't see why you have it

cobalt wedge Jul 5, 2024, 5:40 PM

#

?

slate summit Jul 5, 2024, 5:41 PM

#

.....

cobalt wedge Jul 5, 2024, 5:41 PM

#

cobalt wedge ?

i change this and

cobalt wedge Jul 5, 2024, 5:41 PM

#

cobalt wedge

i see this

cobalt wedge Jul 5, 2024, 5:41 PM

#

slate summit try without the useEffect containing the navigate

i try this and i see

cobalt wedge Jul 5, 2024, 5:41 PM

#

cobalt wedge this is correct

this

slate summit Jul 5, 2024, 5:42 PM

#

cobalt wedge Jul 5, 2024, 5:42 PM

#

slate summit

i try once time and i see

cobalt wedge Jul 5, 2024, 5:42 PM

#

cobalt wedge this is correct

THIS

slate summit Jul 5, 2024, 5:42 PM

#

the screen you showed doesn't use Hash routing!

cobalt wedge Jul 5, 2024, 5:42 PM

#

ok i send wait

slate summit Jul 5, 2024, 5:43 PM

#

#

Why do you use two kinds of routers?

cobalt wedge Jul 5, 2024, 5:44 PM

#

is ok ?

slate summit Jul 5, 2024, 5:44 PM

#

I think you need to check react-router docs

umbral musk Jul 5, 2024, 5:45 PM

#

slate summit Why do you use two kinds of routers?

actually we try one file index router system

#

but we dont how works hashrouter url add and remove

slate summit Jul 5, 2024, 5:45 PM

#

it's either createHashRouter() or <HashRouter>, not both. Just like it's either createBrowserRouter() or <BrowserRouter>

umbral musk Jul 5, 2024, 5:46 PM

#

do you have a example code

slate summit Jul 5, 2024, 5:46 PM

#

https://reactrouter.com/en/main/routers/create-hash-router

createHashRouter v6.24.1

cobalt wedge Jul 5, 2024, 5:47 PM

#

is ok ?

slate summit Jul 5, 2024, 5:48 PM

#

ya

cobalt wedge Jul 5, 2024, 5:48 PM

#

ok try build

slate summit Jul 5, 2024, 5:48 PM

#

make sure you don't use another Router

#

like you showed on this App component

cobalt wedge Jul 5, 2024, 5:48 PM

#

okay

#

i try wait

#

this worked

umbral musk Jul 5, 2024, 5:49 PM

#

but now we dont know go another page

slate summit Jul 5, 2024, 5:50 PM

#

same way you do for any React app

#

define the route

umbral musk Jul 5, 2024, 5:51 PM

#

ok but how redirect

#

how added file url ex. #/home

slate summit Jul 5, 2024, 5:53 PM

#

to redirect you can use useNavigate, useRedirect or <Navigate>

#

just like a normal app

cobalt wedge Jul 5, 2024, 5:53 PM

#

is ok ?

#

umbral musk Jul 5, 2024, 5:53 PM

#

can we need url started # character

slate summit Jul 5, 2024, 5:54 PM

#

you don't need to worry about the # no

umbral musk Jul 5, 2024, 5:54 PM

#

is there need Hashrouter is #

cobalt wedge Jul 5, 2024, 5:55 PM

#

umbral musk is there need Hashrouter is #

man say no dude

slate summit Jul 5, 2024, 5:55 PM

#

React-router takes care of that

#

do just like you do with BrowserRouter

cobalt wedge Jul 5, 2024, 5:55 PM

#

Are the last 2 pictures I posted correct?

#

If it's true, navigate doesn't work 😦

slate summit Jul 5, 2024, 5:56 PM

#

try to return a Navigate component instead

#

oh sorry, I didn't see you were in a function

#

navigate should work just fine

cobalt wedge Jul 5, 2024, 6:02 PM

#

i try alert

#

msg = goHomePage

#

but navigate dosent work

#

i try another wait pls

umbral musk Jul 5, 2024, 6:04 PM

#

Thank you so much for everything. it was a divine help

#

now its worked

cobalt wedge Jul 5, 2024, 6:05 PM

#

❤️

slate summit Jul 5, 2024, 6:06 PM

#

glad you solved your problem

cobalt wedge Jul 5, 2024, 6:08 PM

#

dude

#

we use tailwind

#

but not working

#

are u think a solve ?

#

okayyyy

#

we solved

#

thanksssss

#component build