Compose Desktop应用引入Vico Charts插件出现导入错误

1. 修正无效的导入语句 #

你当前的import com.patrykandpatrick.vico是无效的——Vico没有顶层包级别的可导入内容，所有组件都位于子包中。需要根据使用的具体图表类型或工具类导入对应子包，例如：

• 柱状图组件：import com.patrykandpatrick.vico.compose.chart.column.columnChart
• 数据条目构造：import com.patrykandpatrick.vico.core.entry.entryOf
• 图表样式：import com.patrykandpatrick.vico.compose.chart.rememberChartStyle

2. 确保版本兼容性 #

Vico与Compose Desktop、Kotlin的版本必须匹配，否则会出现依赖或API不兼容问题。针对你使用的Vico 2.0.0-alpha.14，建议在build.gradle.kts中明确指定兼容的版本：

plugins {
    kotlin("jvm") version "1.9.20"
    id("org.jetbrains.compose") version "1.5.11"
}

3. 精简不必要的依赖 #

你的依赖中包含了Android View系统专用的views模块，Compose Desktop完全不需要该模块，可以删除。同时core模块会被compose模块自动依赖，无需手动声明。精简后的依赖如下：

dependencies {
    implementation(compose.desktop.currentOs)
    implementation("com.patrykandpatrick.vico:compose:2.0.0-alpha.14")
    implementation("com.patrykandpatrick.vico:compose-m2:2.0.0-alpha.14") // 若使用Material 2主题
    // implementation("com.patrykandpatrick.vico:compose-m3:2.0.0-alpha.14") // 若使用Material 3主题
}

4. 清理缓存并同步项目 #

依赖配置修改后，执行以下步骤确保依赖生效：

• 执行Gradle任务：clean → build
• 在IDE中点击「Sync Project with Gradle Files」按钮
• 若仍有问题，可尝试清理IDE缓存（如IntelliJ的「File → Invalidate Caches...」）

5. 完整示例代码（实现简单柱状图） #

修改Main.kt，替换为以下可运行的图表示例：

import androidx.compose.desktop.ui.tooling.preview.Preview
import androidx.compose.material.MaterialTheme
import androidx.compose.material.Surface
import androidx.compose.runtime.Composable
import androidx.compose.ui.window.Window
import androidx.compose.ui.window.application
import com.patrykandpatrick.vico.compose.chart.column.columnChart
import com.patrykandpatrick.vico.compose.chart.rememberChartStyle
import com.patrykandpatrick.vico.compose.component.rememberLineComponent
import com.patrykandpatrick.vico.compose.component.rememberMarkerComponent
import com.patrykandpatrick.vico.core.entry.entryOf
import com.patrykandpatrick.vico.core.entry.entriesOf

private val chartEntries = entriesOf(
    entryOf("Jan", 200),
    entryOf("Feb", 150),
    entryOf("Mar", 300),
    entryOf("Apr", 250),
)

@Composable
@Preview
fun App() {
    MaterialTheme {
        Surface {
            columnChart(
                entries = chartEntries,
                chartStyle = rememberChartStyle(),
                bottomAxis = rememberLineComponent(),
                startAxis = rememberLineComponent(),
                marker = rememberMarkerComponent(),
            )
        }
    }
}

fun main() = application {
    Window(onCloseRequest = ::exitApplication) {
        App()
    }
}

内容的提问来源于stack exchange，提问作者tibbig1998