Chartjs 3.5.1按迁移指南配置animation属性报错不生效问题

问题原因 #

你遇到的IDE属性不存在报错是版本不匹配导致的：animation.resize和animation.active两个配置项是Chart.js v3.6.0版本才正式新增的，你当前使用的3.5.1版本未上线这两个属性，因此不符合该版本的配置规范。

解决方案 #

你可以根据项目情况二选一：

• 方案1：将Chart.js版本升级到3.6.0或更高的3.x稳定版，升级后你当前编写的配置结构可直接正常生效，IDE也不会再抛出属性不存在的错误。
• 方案2：如果项目暂时不支持升级版本，可使用3.5.x版本对应的兼容配置写法，完全可以实现相同的效果：

  new Chart(
      // ...
      options: {
          // 对应原来的响应式调整动画需求，替代animation.resize.duration
          responsiveAnimationDuration: 0,
          hover: {
              // 对应原来的hover触发动画需求，替代animation.active.duration
              animationDuration: 0
          },
          animation: {
              // 其他通用动画配置保留在这里
          }
      }
  )
  

补充说明 #

这类因迁移指南和当前使用版本不匹配导致的配置错误是非常普遍的升级踩坑点，有大量未同步核对版本号的开发者都遇到过同类问题。

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