Kotlin/JS，Gradle插件：无法加载“@webpack-cli/serve”命令

Question

我在做React Kotlin的教程时，甚至没能完成设置步骤，因为服务器无法启动。

代码未更改：https://github.com/kotlin-hands-on/web-app-react-kotlin-js-gradle

堆栈跟踪：

[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

我看到了这个问题：https://github.com/webpack/webpack-cli/issues/2990，但是我无法执行所提出的修复方法（更改 webpack-cli 版本并从 yarn.lock 文件中删除 webpack-cli/serve），因为我找不到如何在 kotlin js gradle 插件上进行更改。

即使是 IntelliJ 中的简单浏览器应用程序也会出现相同的错误。

- Mokyx

---

请点击这里查看 Github 讨论。 - vsync

Answer 1

我遇到了同样的问题：将这个选项添加到项目gradle.properties中

kotlin.js.webpack.major.version=4

修复了它 - 参考：https://kotlinlang.org/docs/js-project-setup.html#webpack-version

- Mark Warren

---

此选项将webpack-cli版本设置为3.3.12。降级是个人口味问题。 - Evgeny

Answer 2

尝试更新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"
}

- Evgeny

---

这行代码应该添加在哪里？ - Tirpen

build.gradle.kts - Evgeny

Answer 3

Evgeny的答案在这里不起作用。 现在，经过两天的头痛和阅读Kotlin插件源代码，只有以下内容在这里起作用：

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

在运行kotlinNpmInstall任务时，它会打印一个警告，但应用程序将继续运行。

- Tonsic