Kotlin/JS, Gradle Plugin : Unable to load '@webpack-cli/serve' command

Question

I was doing the tutorial for React Kotlin and couldnt even finish the setup step because the server does not start.

The code is unchanged : https://github.com/kotlin-hands-on/web-app-react-kotlin-js-gradle

Stacktrace:

[webpack-cli] Unable to load '@webpack-cli/serve' command
[webpack-cli] TypeError: options.forEach is not a function
[webpack-cli] TypeError: options.forEach is not a function

I saw this issue : https://github.com/webpack/webpack-cli/issues/2990 but I'm unable to implement the fix proposed (change the webpack-cli version and remove the webpack-cli/serve from yarn.lock) because I can't find how to change these on the kotlin js gradle plugin.

Even simple browser application from intelliJ is broken with the same error.

Quinonez

Github discussion here – Endophyte

Answer 1

Try to update webpack-cli:

rootProject.plugins.withType(org.jetbrains.kotlin.gradle.targets.js.nodejs.NodeJsRootPlugin::class.java) {  
    rootProject.the<org.jetbrains.kotlin.gradle.targets.js.nodejs.NodeJsRootExtension>().versions.webpackCli.version = "4.9.0"
}

Burlington

Where should this line be added? – Ow

build.gradle.kts – Burlington

Answer 2

Had the same issue: adding this option to the project gradle.properties

kotlin.js.webpack.major.version=4

fixed it - reference: https://kotlinlang.org/docs/js-project-setup.html#webpack-version

Metabolize

This option set webpack-cli version in 3.3.12. Downdate is a matter of taste. – Burlington

Answer 3

Evgeny's answer didn't work here. Now after 2 days of banging head, and reading kotlin plugin source-code, only the following worked here:

// build.gradle.kts file
kotlinYarn {
    resolution("webpack", "5.73.0")
    resolution("webpack-cli", "4.10.0")
}

It will print a warning when running the task kotlinNpmInstall but the app will run.

Urticaria