Hello every one, I am getting that webpack error a...

# javascript

[andylamax]

Hello every one, I am getting that webpack error again. Any one else experiencing this?

rootProject.plugins.withType(org.jetbrains.kotlin.gradle.targets.js.nodejs.NodeJsRootPlugin::class.java) {
    rootProject.the<org.jetbrains.kotlin.gradle.targets.js.nodejs.NodeJsRootExtension>().versions.webpackDevServer.version =
        "4.0.0-rc.0" // tried "4.0.0", "4.1.0"
}

Nothing works

[Robert Jaros]

It's working for me. I have this configuration:

rootProject.extensions.configure<org.jetbrains.kotlin.gradle.targets.js.nodejs.NodeJsRootExtension> {
                    versions.webpackDevServer.version = "4.0.0"
                    versions.webpack.version = "5.51.1"
                }

[andylamax]

So after a deep dive, I figured that it is working well with kotlin("multiplatform") plugin but doesn't work with kotlin("js") plugin. Are you using the kotlin("js") plugin?

[Robert Jaros]

Yes. kotlin("js")

[Robert Jaros]

Perhaps I have some dependency cached somewhere.

[Robert Jaros]

But I have cleaned the project.

[Robert Jaros]

Can you try to download and run any of my kvision examples?

[Robert Jaros]

Do you use IR or legacy?

[Robert Jaros]

and latest Kotlin?

[andylamax]

I am using IR, and I am testing on Kotlin 1.5.30. I should say that this is a multimodule project

[turansky]

CLI also required

[Robert Jaros]

webpack-cli 4.7.1 is used in my projects without issues ...

[andylamax]

With this configuration on kotlin("js")

rootProject.extensions.configure<NodeJsRootExtension> {
 versions.apply {
   webpackDevServer.version = "4.1.0"
   webpack.version = "5.51.2"
   webpackCli.version = "4.7.2" // also, "4.8.0"
 }
}

I get

> [webpack-cli] You need to install 'webpack-dev-server' for running 'webpack serve'.
  Error: Cannot find module 'webpack-dev-server'
  Require stack:

But works on kotlin("multiplatform")

[andylamax]

In summary
kotlin("js") version "1.5.30"
webpack="5.51.1","5.51.2"
webpackDevServer="4.1.0"
webpackCli="4.7.1"

> [webpack-cli] Invalid options object. Dev Server has been initialized using an options object that does not match the API schema.
   - options has an unknown property 'contentBase'. These properties are valid:

While
kotlin("js") version "1.5.30"
webpack="5.51.1","5.51.2"
webpackDevServer="4.1.0"
webpackCli="4.7.2","4.8.0"

[webpack-cli] You need to install 'webpack-dev-server' for running 'webpack serve'.
Error: Cannot find module 'webpack-dev-server'
Require stack:

[Robert Jaros]

And how about dev-server 4.0.0 ?

[Robert Jaros]

Isn't contentBase your own option set inside webpack.config.d ?

[Robert Jaros]

contentBase was renamed to static

[andylamax]

maybe I check that then. I sure did have content base setup

[andylamax]

Turn out I already did switch from contentBase to static , explains why I have no issues on kotlin("multplatform") but I wonder whats going on on kotlin("js")

Can I see any of your configurations?

[Robert Jaros]

https://github.com/rjaros/kvision-examples/tree/master/template

[Robert Jaros]

all kvision projects use gradle plugin with webpack versions:
https://github.com/rjaros/kvision/blob/master/kvision-tools/io.kvision.gradle.plugin/src/main/kotlin/io/kvision/gradle/KVisionGradleSubplugin.kt#L86