Hi everyone, I am newbie to Kotlin. I am trying to make "clock" in front end React, backend side wil...

# react

[Begum Turan]

Hi everyone, I am newbie to Kotlin. I am trying to make "clock" in front end React, backend side will be Kotlin. The front part is not rendering on the web page. What might be the issue? Attached my code. I appreciate for any help

[CLOVIS]

Do you have a main function client-side? You say it's "not rendering", what do you see exactly, is there an error message in the console?

[CLOVIS]

Other than that, your code looks ok 👍

[Begum Turan]

There is a main function running on client side. This is my guess. I might be wrong. How can I structure the files? I might structure the files wrong. Attach you can see the structure of files. I apprecaite for your help!

[Begum Turan]

FAILURE "No matched subtrees found" @ /

[Begum Turan]

this is what I am seeing in console

[CLOVIS]

What does your index.html look like?

[CLOVIS]

(your index.html would make more sense in jsMain than commonMain, but I don't think that causes the issue)

[Begum Turan]

image.png

[Begum Turan]

I still can not find the issue where i am doing wrong

[Begum Turan]

this is the entire project

[Begum Turan]

image.png

[CLOVIS]

That yellow background doesn't look good. If you hover on it, there's probably some kind of message

[CLOVIS]

What's your index.js? I don't have that

[CLOVIS]

For me, it's <project-name>-<module-name>.js , for example https://gitlab.com/opensavvy/decouple/-/blob/main/demo/web/src/main/resources/index.html#L12

[Begum Turan]

this is my index.js look like

[Begum Turan]

When I hover it, it was saying embedded server should reference top level of application

[Begum Turan]

I do not think this is a problem, because my back end is fully working

[Begum Turan]

I am testing whether server is working or not by POSTMAN. I can see the clock is constantly updating in Postman. I assume the problem is somewhere in index.html or index.js

[Begum Turan]

because it does not render anything on the browser

[CLOVIS]

Ah, yeah, the server is because the Ktor devs want you to write it like this: https://gitlab.com/opensavvy/formulaide/-/blob/main/backend/src/main/kotlin/Backend.kt#L25
Indeed it's just an IDEA warning, it has no behavior

[CLOVIS]

You never import your Kotlin code in your index.html, so it is never executed

[CLOVIS]

You should import the generated JS file, e.g. https://gitlab.com/opensavvy/decouple/-/blob/main/demo/web/src/main/resources/index.html#L12

[CLOVIS]

to know the exact name of the file, it's in build/js/packages/<module name>

[Begum Turan]

<script src="clockdeneme1.js"></script>

[Begum Turan]

should it be like that

[Begum Turan]

U11ntitled.png

[Begum Turan]

When i changed it , it is still not rendering anything

[CLOVIS]

Can you add a println at the start of your main and check the console to see if it gets executed at all?

[CLOVIS]

I think type="module" is necessary

[Begum Turan]

ssss.png

[Begum Turan]

I can not see the println neither

[Begum Turan]

I also send it to you, I am trying to find where I am doing wrong, I still can not figure it out

[Begum Turan]

clockdeneme1.zip

clockdeneme1.zip