Get empty page when trying to use the starter with Solid.js Vite project

[nikitavoloboev]

Describe the bug

Hey, thanks for creating this repo, looks incredibly promising.

However I am getting an issue trying to make it work with Solid.js

I cloned the starter code into my project: https://github.com/learn-anything/learn-anything

under the folder app: https://github.com/learn-anything/learn-anything/tree/main/app

What I did was replace the renderer folder:

https://github.com/learn-anything/learn-anything/tree/main/app/packages/renderer

With contents of this vite project: https://stackblitz.com/edit/vitejs-vite-dxfeub?file=index.html&terminal=dev

It's official Vite project for Solid (framework I want to use).

However if I run:

git clone https://github.com/learn-anything/learn-anything
pnpm i
cd app
pnpm run watch

It will show empty screen. And I don't get how I can set it up properly. I think it's due to missing proper vite config in renderer. I just don't know how to set it up.

Would really love any help on this. ♥️

[nikitavoloboev]

Also the way my project is setup is that it is using Solid Start code that is found here:

https://github.com/learn-anything/learn-anything/tree/main/src

But with the way this starter is setup, it wants the code to be in the packages/renderer it seems.

Is there a way to make it possible so I get the same structure but app folder is only responsible for electron.

And the renderer is actually at root of the project at src?

I need to somehow make the app package point to the renderer that is outside its folder if it's possible to do that.

[nikitavoloboev]

Ok I tried to do this vite config:

https://github.com/learn-anything/learn-anything/blob/main/app/packages/renderer/vite.config.ts

Now I get this error:

Don't get why.

[nikitavoloboev]

Ok I am trying now to connect the vite-electron-builder so it uses this folder as renderer

https://github.com/learn-anything/learn-anything/tree/main/src

I need to do this change I think

And I think thats it? Based of global search of references. 🤔

[nikitavoloboev]

Oh and this I think

Not sure if I can do above though.

[nikitavoloboev]

Yea getting this error now

Okay this is really tricky.

Changed it to configFile: "../../../vite.config.ts",

Now it finds the config but fails on something else.

[nikitavoloboev]

Solution was to move tailwind.config.cjs from root to app folder.