Kotlin Compose 预览参考未解决

Kir*_*ari 11 preview kotlin android-studio gradle-dependencies android-jetpack-compose

我正在使用 Compose 开发适用于 Android 和桌面的 Kotlin 多平台项目,并安装了 Compose 多平台 IDE 支持插件。

我想做的是添加注释,@Preview以便我可以预览我正在处理的可组合项。我尝试按照本指南来实现:

https://developer.android.com/jetpack/compose/tooling/studio

我希望在 module 中拥有共享的 Compose 类shared-ui,因此我在该 module 中添加了以下依赖项build.gradle.kts

dependencies {
    debugImplementation("androidx.compose.ui:ui-tooling:1.3.2")
    implementation("androidx.compose.ui:ui-tooling-preview:1.3.2")
}
Run Code Online (Sandbox Code Playgroud)

但是,即使在同步之后,当我尝试@Preview在类 ( shared-ui/src/commonMain/kotlin/.../MyScreen.kt) 中使用或导入注释时,也会收到此错误:

Unresolved reference: preview
Run Code Online (Sandbox Code Playgroud)

这种情况发生两次:一次是在 import 语句中,最后一个单词Preview是红色的;一次是在注释中,它也是Preview红色的单词:

[...]
import androidx.compose.ui.tooling.preview.Preview
[...]

@Preview
@Composable
[...]
Run Code Online (Sandbox Code Playgroud)

顺便说一句,我还尝试了 Android Studio 为我提供的快速修复选项:“添加对 androidx.compose.ui.ui-tooling-preview 和导入的依赖”。它所做的就是将依赖项准确添加到我添加它们的位置(前提是我先删除它们,否则它什么也不做),这显然意味着 Android Studio 同意我的观点,这就是依赖项应该去的地方。

这引出了我的终极问题:为什么这不起作用?我究竟做错了什么?根据我的理解,这应该可行。但事实并非如此。我错过了什么吗?