Module '"chart.js"' has no exported member 'SubTitle'.

[mfriesen]

Expected Behavior

Using Chart.js v3.4.1 in an angular application, I expect that I can use the new options.plugins.SubTitle feature

import { SubTitle } from 'chart.js'; to then allow
Chart.register(SubTitle);

I should not get an error when trying to use SubTitle.

Current Behavior

I am getting the error Module '"chart.js"' has no exported member 'SubTitle'.

Possible Solution

I suspect either it is not called "SubTitle" or it is not being exported.

Steps to Reproduce

Following the https://www.chartjs.org/docs/next/getting-started/integration.html (Bundlers (Webpack, Rollup, etc.)), try and register the "SubTitle" module.

When using
import { registerables } from 'chart.js';
Chart.register(...registerables);

SubTitle work perfectly, but this will load all plugins which is not ideal.

Context

I am required to load all plugins and not just the ones I need.

Environment

• Chart.js version: 3.4.1

[etimberg]

I looked into the built file and see the plugin being exported as SubTitle. Do you have a reproduce for this?

[LeeLenaleee]

Seems to work fine: https://codesandbox.io/s/admiring-ardinghelli-wk15h?file=/src/components/HelloWorld.vue

[etimberg]

I do see that there isn't a type of SubTitle so perhaps this is a TS error?

[mfriesen]

@LeeLenaleee Thanks for the VUE example. I was able to create an angular one that shows the error I'm seeing. https://codesandbox.io/s/sharp-swanson-r5qpk?file=/src/main.ts

[mfriesen]

@LeeLenaleee If I used "registerables" instead of "SubTitle" then everything works fine, but it load all the ChartJS modules.

[LeeLenaleee]

As @etimberg suspected its a type error which should be rsolved by his pr

[etimberg]

This is a pure TS error. You can add a TS ignore and it will be fine until a fix is released

[mfriesen]

Yes changing it to
import {
// @ts-ignore
SubTitle
} from 'chart.js'

fixed the problem.

Thanks so much for the help!