Hi everyone I am newbie to Kotlin I am trying to make clock

Question

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 · Answer

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 · Answer

Other than that your code looks ok +1

Begum Turan · Answer

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 · Answer

FAILURE No matched subtrees found

Begum Turan · Answer

this is what I am seeing in console

CLOVIS · Answer

What does your `index html` look like

CLOVIS · Answer

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

Begum Turan · Answer

image png

Begum Turan · Answer

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

Begum Turan · Answer

this is the entire project

Begum Turan · Answer

image png

CLOVIS · Answer

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

CLOVIS · Answer

What s your index js I don t have that

CLOVIS · Answer

For me it s ` lt project name gt lt module name gt js` for example <https gitlab com opensavvy decouple blob main demo web src main resources index html L12>

Begum Turan · Answer

this is my index js look like

Begum Turan · Answer

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

Begum Turan · Answer

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

Begum Turan · Answer

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 · Answer

because it does not render anything on the browser

CLOVIS · Answer

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 · Answer

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

CLOVIS · Answer

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 · Answer

to know the exact name of the file it s in `build js packages lt module name gt `

Begum Turan · Answer

lt script src= clockdeneme1 js gt lt script gt

Begum Turan · Answer

should it be like that

Begum Turan · Answer

U11ntitled png

Begum Turan · Answer

When i changed it it is still not rendering anything

CLOVIS · Answer

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

CLOVIS · Answer

I think `type= module ` is necessary

Begum Turan · Answer

ssss png

Begum Turan · Answer

I can not see the println neither

Begum Turan · Answer

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 · Answer

clockdeneme1 zip