Howdy folks I am fairly new to compose and I have been strug

Question

Howdy folks I am fairly new to compose and I have been struggling with an `IncompatibleComposeRuntimeVersionException` I will attach more details of my build file in the replies So I was following <https github com JetBrains compose multiplatform tree master tutorials HTML Getting Started|this example> for manually creating a compose HTML project from a kotlin multiplatform project Its a bit confusing cause I already added the runtime but it does not seem to work Would really appreciate some help Added 2 replies to my post showing my build file and the full errors about the runtime not being on the classpath

Kelvin Ojiako · Answer

My build gradle file is shown below and i added the changes from the example compose HTML site `plugins ` ` kotlin multiplatform version 1 8 20 ` id org jetbrains compose ` version 1 4 0 ` `application` ` ` ` group = me kso170000 ` ` version = 1 0 SNAPSHOT ` ` repositories ` `jcenter ` `mavenCentral ` ` maven ` ` maven ` google ` ` ` kotlin ` `jvm backend ` `jvmToolchain 11 ` `withJava ` `testRuns test executionTask configure ` `useJUnitPlatform ` ` ` `js frontend IR ` `binaries executable ` `browser ` `commonWebpackConfig ` `cssSupport ` `enabled set true ` ` ` ` sourceSets ` `val commonMain by getting ` `val commonTest by getting ` `dependencies ` `implementation kotlin test ` ` ` `val backendMain by getting ` `dependencies ` `implementation io ktor ktor server netty 2 0 2 ` `implementation io ktor ktor server html builder jvm 2 0 2 ` `implementation org jetbrains kotlinx kotlinx html jvm 0 7 2 ` ` ` `val backendTest by getting ` `val frontendMain by getting ` `dependencies ` `implementation org jetbrains kotlin wrappers kotlin react 18 2 0 pre 346 ` `implementation org jetbrains kotlin wrappers kotlin react dom 18 2 0 pre 346 ` `implementation org jetbrains kotlin wrappers kotlin emotion 11 9 3 pre 346 ` `implementation org jetbrains kotlin wrappers kotlin react router dom 6 3 0 pre 346 ` `implementation compose html core ` implementation ` compose runtime ` ` ` ` ` `val frontendTest by getting ` ` ` ` ` ` application ` ` mainClass set me kso170000 application ServerKt ` ` ` ` tasks named lt Copy gt backendProcessResources ` `val frontendBrowserDistribution = tasks named frontendBrowserDistribution ` from frontendBrowserDistribution ` ` ` tasks named lt JavaExec gt run ` `dependsOn tasks named lt Jar gt backendJar ` classpath ` tasks named lt Jar gt backendJar ` ` `

Kelvin Ojiako · Answer

The full error message is this gt ``` androidx compose compiler plugins kotlin IncompatibleComposeRuntimeVersionException The Compose Compiler requires the Compose Runtime to be on the class path but none could be found The compose compiler plugin you are using version 1 4 5 expects a minimum runtime version of 1 0 0 at androidx compose compiler plugins kotlin VersionChecker noRuntimeOnClasspathError VersionChecker kt 168 gt at androidx compose compiler plugins kotlin VersionChecker check VersionChecker kt 145 gt at androidx compose compiler plugins kotlin ComposeIrGenerationExtension generate ComposeIrGenerationExtension kt 69 gt at org jetbrains kotlin backend jvm JvmIrCodegenFactory convertToIr$lambda$0 JvmIrCodegenFactory kt 190 gt at org jetbrains kotlin psi2ir Psi2IrTranslator generateModuleFragment Psi2IrTranslator kt 107 gt at org jetbrains kotlin backend jvm JvmIrCodegenFactory convertToIr JvmIrCodegenFactory kt 224 gt at org jetbrains kotlin backend jvm JvmIrCodegenFactory convertToIr JvmIrCodegenFactory kt 57 gt at org jetbrains kotlin cli jvm compiler KotlinToJVMBytecodeCompiler convertToIr KotlinToJVMBytecodeCompiler kt 225 gt at org jetbrains kotlin cli jvm compiler KotlinToJVMBytecodeCompiler compileModules$cli KotlinToJVMBytecodeCompiler kt 102 gt at org jetbrains kotlin cli jvm compiler KotlinToJVMBytecodeCompiler compileModules$cli$default KotlinToJVMBytecodeCompiler kt 47 gt at org jetbrains kotlin cli jvm K2JVMCompiler doExecute K2JVMCompiler kt 168 gt at org jetbrains kotlin cli jvm K2JVMCompiler doExecute K2JVMCompiler kt 53 gt at org jetbrains kotlin cli common CLICompiler execImpl CLICompiler kt 100 gt at org jetbrains kotlin cli common CLICompiler execImpl CLICompiler kt 46 gt at org jetbrains kotlin cli common CLITool exec CLITool kt 101 gt at org jetbrains kotlin incremental IncrementalJvmCompilerRunner runCompiler IncrementalJvmCompilerRunner kt 495 gt at org jetbrains kotlin incremental IncrementalJvmCompilerRunner runCompiler IncrementalJvmCompilerRunner kt 133 gt at org jetbrains kotlin incremental IncrementalCompilerRunner doCompile IncrementalCompilerRunner kt 486 gt at org jetbrains kotlin incremental IncrementalCompilerRunner compileImpl IncrementalCompilerRunner kt 409 gt at org jetbrains kotlin incremental IncrementalCompilerRunner compileNonIncrementally IncrementalCompilerRunner kt 290 gt at org jetbrains kotlin incremental IncrementalCompilerRunner compile IncrementalCompilerRunner kt 112 gt at org jetbrains kotlin daemon CompileServiceImplBase execIncrementalCompiler CompileServiceImpl kt 627 gt at org jetbrains kotlin daemon CompileServiceImplBase access$execIncrementalCompiler CompileServiceImpl kt 101 gt at org jetbrains kotlin daemon CompileServiceImpl compile CompileServiceImpl kt 1587 gt at java base jdk internal reflect NativeMethodAccessorImpl invoke0 Native Method gt at java base jdk internal reflect NativeMethodAccessorImpl invoke NativeMethodAccessorImpl java 77 gt at java base jdk internal reflect DelegatingMethodAccessorImpl invoke DelegatingMethodAccessorImpl java 43 gt at java base java lang reflect Method invoke Method java 568 gt at java rmi sun rmi server UnicastServerRef dispatch UnicastServerRef java 360 gt at java rmi sun rmi transport Transport$1 run Transport java 200 gt at java rmi sun rmi transport Transport$1 run Transport java 197 gt at java base java security AccessController doPrivileged AccessController java 712 gt at java rmi sun rmi transport Transport serviceCall Transport java 196 gt at java rmi sun rmi transport tcp TCPTransport handleMessages TCPTransport java 587 gt at java rmi sun rmi transport tcp TCPTransport$ConnectionHandler run0 TCPTransport java 828 gt at java rmi sun rmi transport tcp TCPTransport$ConnectionHandler lambda$run$0 TCPTransport java 705 gt at java base java security AccessController doPrivileged AccessController java 399 gt at java rmi sun rmi transport tcp TCPTransport$ConnectionHandler run TCPTransport java 704 gt at java base java util concurrent ThreadPoolExecutor runWorker ThreadPoolExecutor java 1136 gt at java base java util concurrent ThreadPoolExecutor$Worker run ThreadPoolExecutor java 635 gt at java base java lang Thread run Thread java 833 gt gt Errors were stored into C Users kso170000 IdeaProjects sampleExperiment gradle kotlin errors errors 1683060548247 log```

Tuna · Answer

Not answer your question but you can use ````````` for the code block

Dima Avdeev · Answer

A good starting point to use Compose HTML is to create your project from a template < Oleksandr Karpovich JB > ~Can you please help with answer ~ Can you please check that my answer is correct

Oleksandr Karpovich [JB] · Answer

gt ```The Compose Compiler requires the Compose Runtime to be on the class path``` id org jetbrains compose gradle plugin enables Compose for all targets declared in ` kotlin ` block So to jvm backend too I guess adding `implementation compose runtime ` in your backendMain dependencies should help If it s not desirable I think splitting into different modules could be an option Module shared common code for frontend and backend doesn t depend on compose Module backend depends on shared but doesn t depend on compose Module frontend depends on shared and depends on compose

Kelvin Ojiako · Answer

Appreciate the help < Oleksandr Karpovich JB > and < Dima Avdeev> was able to fix it by adding the compose runtime as an additional backend dependency