如何将 JS 目标添加到 KMM 项目？

Question

我有一个 AndrodiStudio KMM 项目，我想添加一个 JS 目标。

鉴于 JS 开发仅在 IntelliJ 中可用，我希望我必须在 IDEA 中打开项目添加一个“模块”——但我什至不知道该选择哪一个——它们似乎都没有成为一个“正确”的人：

• 在 Gradle 部分，有“Kotlin/JS for browser”和“Kotlin/JVM”。添加“Kotlin/JS”会破坏*整个项目的 Gradle 构建。“Kotlin/Multiplatform”听起来不像我想要，因为我已经有了“共享”模块（虽然它不包括 JS）

• 在 Kotlin 部分，有“KS | IDEA”。显然，我不想在基于 gradle.kts 的项目中添加基于“IDEA 构建系统”的东西。

所以我的问题是：

• 哪个模块模板是在“iosApp”和“androidApp”旁边添加“jsApp”（或 webApp）的最佳起点（在 AndroidStudio 或 Idea 中？）？

• 我需要添加什么到“shared/build.gradle.kts”来支持“jsMain”和“jsTest”文件夹？是否有不同/更好的起点（例如，Github 上涵盖所有平台的教程或最小的“helloWorld”示例）？

我的代码当前结构与Android Studio中的KMM项目模板1:1对应：https://github.com/stefanhaustein/komponents

*) 错误信息：

Error resolving plugin [id: 'org.jetbrains.kotlin.multiplatform', version: '1.4.31']
> Plugin request for plugin already on the classpath must not include a version

Answer 1

通过创建一个新的 Kotlin/JS 项目并将其复制到 KMM 项目中的 jsApp（与 iosApp 等并行）来使其工作。最低 jsApp/build.gradle.kts 似乎是：

plugins {
    kotlin("js")
}

dependencies {
    implementation(project(":shared"))
}

kotlin {
    js() {
        browser {
        }
    }
}

在 shared/build.gradle.kts 中，我需要将以下 sn-p 添加到 kotlin 部分（平行于 android() 和 ios{...}

    js {
        browser {     
        }
    }

这让我花费的时间比预期的要长：

• 在build.gradle.kts 中忘记.kts 和奇妙的错误消息很糟糕
• 因为 jsApp build.gradle.kts 现在是嵌套的，所以 kotlin 插件显然不能在那里有 version（猜想这对于一致性来说是有意义的）。
• index.html 中的 js 源文件名需要与模块名匹配（我的情况是jsApp）。
• 别忘了include(":jsApp")in settings.gradle.kts

推荐步骤：

• 首先尝试让“网络”模块工作
• 使用基于 gradle 的运行配置
• 仅当 Web 示例项目在新结构中工作时，才连接共享代码