[Bug]: Error: "category" is not a registered scale.

[philharmonie]

Would you like to work on a fix?

• Check this if you would like to implement a PR, we are more than happy to help you go through the process.

Current and expected behavior

Having "vue-chartjs": "^5.3.0" and "chart.js": "^4.4.0" I'm getting the error Error: "category" is not a registered scale. when I use the code from the readme:

<template>
  <Bar :data="data" :options="options" />
</template>

<script lang="ts">
import {
  Chart as ChartJS,
  Title,
  Tooltip,
  Legend,
  BarElement,
  CategoryScale,
  LinearScale
} from 'chart.js'
import { Bar } from 'vue-chartjs'

ChartJS.register(CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend)

export default {
  name: 'App',
  components: {
    Bar
  },
  data() {
    return {
      data: {
        labels: ['January', 'February', 'March'],
        datasets: [{ data: [40, 20, 12] }]
      },
      options: {
        responsive: true
      }
    }
  }
}
</script>

Reproduction

I don't have it

chart.js version

^4.4.0

vue-chartjs version

^5.3.0

Possible solution

No response

[philharmonie]

Update: I get this error only when running bun run dev. When I run bun run build the error is gone.

[grokpot]

@philharmonie encountering this issue today, exactly as you described. Did you find a fix?

[apertureless]

@grokpot are you also using bun? Does this also happen with npm ?

[grokpot]

@apertureless No - pnpm, but same behavior - build worked, but dev did not.
I switched to Apache Echarts

[gvigh]

Workaround until this gets fixed is to register everything.
See https://stackoverflow.com/a/77026057 for more info.

import {
  Chart as ChartJS,
  registerables
} from 'chart.js';
import { Bar } from 'vue-chartjs'
ChartJS.register(...registerables);

Works with bun 1.2.2 even with bun run dev.