Hey, for some reason the app doesn't works well. I cloned your repo. and installed the dependencies and build the react app and updated the loadURL in main.js. When I ran my app I am seeing a black page. I 've checked the file paths in build index.html file. What are solution I can try? I am using Windows 11.
Hey thanks for series. And I can see there is no node_modules folder under your app directory how did you do that ? I mean, in my code there is two node_modules folders one in the root and another inside app/
Can you tell me how to package the app for distribution. I want the user not to see my source code. Maybe an ASAR, I came across electron builder but facing some problem. Can you help me?
@@amitavroydev I think the question is how to get back to the behaviour we had when the page was loading the changes automatically so that we don't need to keep running the build command to see those changes.
When trying to loadFile using "path.join(__dirname, "./electron-react/build/index.html"", it is throwing error "Not allowed to load local resource: file:///C:/[FolderPath]/build/index.html"
Finally! Thank you, sir! I wish I would have found your videos sooner!
Glad to help!
Sir this is super amazing. Tutorial i found on youtube
Thanks for the feedback 👍
Thanks!!! for vite is this
export default defineConfig({
plugins: [vue()],
base: './'
})
@GameskoTV thanks for the support
Hey, for some reason the app doesn't works well. I cloned your repo. and installed the dependencies and build the react app and updated the loadURL in main.js. When I ran my app I am seeing a black page. I 've checked the file paths in build index.html file. What are solution I can try? I am using Windows 11.
Quite possible a node version issue. Why don’t you delete the package lock file and run a fresh install
Hey thanks for series. And I can see there is no node_modules folder under your app directory how did you do that ? I mean, in my code there is two node_modules folders one in the root and another inside app/
I do have the node_modules folder. I have one config in VS code which hides the node_modules folder from the folder list
perfect everything works on my pc too
That's great
do i need to run the command npm run build again again once i make a change is there any other way
no
WIth Angular it's not working, when we directly use localhost it's working but from dist (similar to build in Angular) it's not working.
how are you loading the dist files?
Can you tell me how to package the app for distribution. I want the user not to see my source code. Maybe an ASAR, I came across electron builder but facing some problem. Can you help me?
So sorry, even I have not done that yet.
My team members have done it. Let me see if I can do that and make a video
how can i make changes in front end show automatically without rebuild it each time
You can run it on a server and use that as the URL
I do not use CRA I use Vite instead .. Please help in solving a problem "homepage": ".",
I haven't used vite outside of the default Laravel setup.
same problem =(
export default defineConfig({
plugins: [vue()],
base: './'
})
♥
👍
But every time we want build😢
Why so? First you will do the development and then create the build
@@amitavroydevno auto loading
@@arshu0.720 sorry, I am not able to understand your problem
@@amitavroydev I think the question is how to get back to the behaviour we had when the page was loading the changes automatically so that we don't need to keep running the build command to see those changes.
next step
Have uploaded the next video. Do check out
When trying to loadFile using "path.join(__dirname, "./electron-react/build/index.html"", it is throwing error "Not allowed to load local resource: file:///C:/[FolderPath]/build/index.html"
The path doesn’t seem to be correct
Advise: For Vite users, it is not necesary to add "homepage": "." to package.json. Instead add "base: './'," to "vite.config.ts"
Okay, thanks for the information
amazing,
Thanks