Chart.js 4.0.1+RequireJS引入报错求助：找不到./auto导出路径

Chart.js 4.0+ 重构了包的导出结构，移除了 ./auto 这个导出路径，这就是升级后报错的原因。以下是具体的解决调整方式：

CommonJS（require）场景 #

原来的代码：

const Chart = require('chart.js/auto').default;

替换为以下两种方式之一：

• 方式1：明确导入核心和所有可注册组件并注册

const { Chart, registerables } = require('chart.js');
Chart.register(...registerables);

• 方式2：导入完整包后注册所有组件

const Chart = require('chart.js');
Chart.register(...Object.values(Chart.registerables));

ES模块（import）场景 #

如果是用ES模块导入，原来的import Chart from 'chart.js/auto';要改为：

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

这样调整后，就能正常使用Chart.js 4.x的功能了，这种方式还能支持按需注册组件，减少不必要的代码打包。

内容的提问来源于stack exchange，提问作者Stefano Giusto