Error in Storybook - LinearScaleBase is not defined

Expected behavior

No bug of not used features.

Current behavior

Hey guys, After updating from 3.9.1 to 4.0.1 I receive error in our builded Storybook (runtime not on build):

Uncaught ReferenceError: LinearScaleBase is not defined
    at ./node_modules/chart.js/dist/chart.js (5827.4a9359bf.iframe.bundle.js:2:4868810)
    at __webpack_require__ (runtime~main.bfd8d355.iframe.bundle.js:1:387)
    at ./src/components/common/DoughnutChart.js (main.ee1fcde1.iframe.bundle.js:1:1188558)

• Running locally I don’t have such error.
• LinearScaleBase is not something I use anywhere in the codebase

Any suggestions?

Reproducible sample

None

Optional extra steps/info to reproduce

No response

Possible solution

No response

Context

No response

chart.js version

v4.0.1

Browser name and version

No response

Link to your project

No response

[duyn-stanford]

I had this same issue when I only had a Doughnut chart in my project but later added a Line Chart, which required registering LinearScale (along with CategoryScale, PointElement, and LineElement) and it worked thereafter. Try registering LinearScale first to see if that addresses your problem and add some of these other Line Chart components if it’s still not working for you.

[Arxi]

thank you @duyn-stanford for this suggestion. I imported LinearScale, and also had to register it with Chart.js, but now the production build works. Not exactly a “clean” solution, but certainly works, so much appreciated!

import { Chart as ChartJS, ArcElement, Tooltip, LinearScale } from 'chart.js';
ChartJS.register(ArcElement, Tooltip, LinearScale);