Javascript &引用；TypeError:chart_js_uuWebpack_uImported_uModule_u9_uu。默认值不是构造函数"；

我正在尝试在Vue组件中使用Chart.js v3.3.2（由于我需要使用需要v3的插件，所以我自己使用），我遵循了说明和a，但我得到了以下错误：

挂载钩子中的错误：“TypeError:chart\u js\u WEBPACK\u IMPORTED\u MODULE\u 9\u。默认值不是构造函数”

相关代码（只是尝试让它最初工作）如下：

从“Chart.js”导入图表
导出默认值{
安装的（）{
const ctx=document.getElementById（'myChart'）；
常数星=[135850，52122，148825169399763]；
const frameworks=['React'，'Angular'，'Vue'，'Hyperapp'，'Omi']；
新图表（ctx{
键入：“行”，
数据：{
标签：框架，
数据集：[
{
标签：“Github之星”，
数据：恒星，
背景色：“rgba（255,99,132,0.2）”，
边框颜色：“rgba（255、99、132、1）”，
边框宽度：1
}
]
}
})
}
}

---

Chart

是库中的默认导出，因此在导入过程中似乎不需要对其进行分解。这是一个bug，还是我做错了什么？

根据官方文件，你可以这样做：

最后，有一条单独的路径可以为您执行上述操作，只需一行：

从“Chart.js/auto”导入图表

<template>
    <canvas id="myChart" />
<template>

<script>
import Chart from 'chart.js'

export default {
    mounted() {
            const ctx = document.getElementById('myChart');
            const stars = [135850, 52122, 148825, 16939, 9763];
            const frameworks = ['React', 'Angular', 'Vue', 'Hyperapp', 'Omi'];
            new Chart(ctx, {
                type: 'line',
                data: {
                    labels: frameworks,
                    datasets: [
                        {
                            label: "Github Stars",
                            data: stars,
                            backgroundColor: "rgba(255, 99, 132, 0.2)",
                            borderColor: "rgba(255, 99, 132, 1)",
                            borderWidth: 1
                        }
                    ]
                }
            })

    }

}