You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

IntelliJ IDEA社区版中如何启用Compose Multiplatform的@Preview预览功能?

IntelliJ IDEA社区版中如何启用Compose Multiplatform的@Preview预览功能?

别担心,社区版完全能用上Compose Multiplatform的@Preview预览功能,根本不需要买专业版!我来帮你一步步排查解决:

  • 补全预览依赖:很多时候预览不出来是因为项目缺了预览工具的依赖。打开你项目里的build.gradle.kts(或者Groovy版的build.gradle),在commonMain的依赖块里加上这行:

    implementation("org.jetbrains.compose.ui:ui-tooling-preview:<你的Compose版本号>")
    

    再去desktopMain的依赖块里加:

    implementation("org.jetbrains.compose.ui:ui-tooling:<你的Compose版本号>")
    

    注意版本号要和你项目里用的Compose Multiplatform版本完全一致,比如你用的是1.5.10,就把<你的Compose版本号>换成1.5.10。加完后点右上角的Gradle同步按钮(大象图标旁边的刷新),等依赖下载完成。

  • 确认插件状态:打开File -> Settings -> Plugins,找到你装的“Compose Multiplatform for Desktop IDE Support”,确保它是已启用的状态。要是不确定,可以先禁用再重新启用,然后重启一次IntelliJ。

  • 检查注解导入:你代码里的@Preview已经用了org.jetbrains.compose.ui.tooling.preview.Preview,这个是完全正确的!千万别导成Android平台的androidx.compose.ui.tooling.preview.Preview,导错包的话预览功能肯定罢工。

  • 修复构建错误:如果你的代码里有红叉叉(比如依赖没下载完成、语法错误),预览功能是不会正常工作的。先把所有构建错误都修复好,确保项目能正常编译通过。

  • 玄学救星:清缓存重启:要是上面的步骤都试过还没效果,就试试File -> Invalidate Caches...,选择“Invalidate and Restart”。IntelliJ有时候会攒下一些奇怪的缓存状态,清掉缓存重启后往往能解决各种莫名其妙的问题。

等这些操作都完成,回到你的MainContent函数上方,应该就能看到@Preview注解旁边出现一个“Preview”的小按钮,点击它就能打开预览面板,看到你的“Hello world!”啦!

内容来源于stack exchange

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.08 14:24:32