Javascript &引用；导入类型（“../charjs/types/indexsm”在Vue3和ChartJS上没有构造签名问题？

我正在尝试使用ChartJS（而不是vue ChartJS），它工作正常，然后出现了此错误。以下是我的代码：

import Chart from 'chart.js'

export default defineComponent({
  setup() {
    const optionsSubMenu = computed(() => {
      return [
        {
          to: `/expenses/history`,
          title: 'History'
        },
        {
          title: 'Payables'
        },
        {
          title: 'Receivers'
        }
      ]
    })

    onMounted(() => {
      const ctx = document.getElementById('expenses-chart') as HTMLCanvasElement
      const canv = ctx.getContext('2')
      THE ERROR POINTS TO THIS "new Chart"
      new Chart(canv, {
        type: 'bar',
        data: {
          labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul'],
          datasets: [
            {
              label: 'Category 1',
              type: 'bar',
              data: [5008, 23873, 32122, 16322, 8033, 43381, 12562],
              backgroundColor: '#b7b7b7',
              borderColor: '#b7b7b7',
              barThickness: 30
            }
          ]
        }
        }
      })
    })

虽然我的devtools显示了这一点：

**SyntaxError: The requested module '/node_modules/.vite/chart_js.js?v=b552445d' does not provide an export named 'default'**

---

那么…有人知道发生了什么吗？

Chart.js v3是树型的，因此您使用它的方式已经改变，请参阅有关如何使用所有方式的文档（）

---

像您习惯的最简单的方法是，您必须这样做您的导入语句：

从'Chart.js/auto'导入图表；

定义组件

什么都不是，所以您可能希望加载它。或者使

导出默认**函数**定义组件（…）{…}

如果目的是导出函数？不完全清楚，因为您没有解释您试图实现的目标。嘿，@Mike'Pomax'Kamermans，谢谢！我很忙，忘了添加更多信息。结果我不得不在另一个文件上导入Chart.js并使其在全球可用，然后它就成功了！嘿，谢谢太多了！我在另一个项目上改成了/auto，效果很好。我遇到问题的项目只是不想进行任何导入，然后我决定在全球范围内使用它，它成功了，我还添加了/auto。非常感谢！