Javascript Chartjs插件延迟抛出；未捕获类型错误：无法读取属性'；插件&x27；“未定义”的定义；错误

我想加载Chart.js生成的图表。不幸的是，当我加载插件时，我得到了：

Uncaught TypeError: Cannot read property 'plugins' of undefined" 

我正在使用

<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-deferred@1.0.2/dist/chartjs-plugin-deferred.min.js"></script>

及

这里有一个小提琴说明了这个错误

---

是否有任何方法修复此错误或替代lazy load Chart.js charts的方法？

此不同的插件与Chart.js的版本3不兼容。要修复错误，您必须降级到2.9.4版

var ctx=document.getElementById（“A”）.getContext（“2d”）；
var myChart=新图表（ctx{
键入：“行”，
数据：{
标签：[“2016.05.08”、“2016.11.06”、“2017.05.07”、“2017.11.05”、“2018.05.06”、“2018.11.04”、“2019.05.05”、“2019.11.03”、“2020.05.03”、“2020.11.01”、“2021.05.02”]，
数据集：[{
标签：“搜索兴趣”，
填充：是的，
数据：[0.0,0.65,0.3,0.6,2.7,6.2,16.3,23.65,53.45,43.75,59.2727]，
边框颜色：“rgba（55,48163,0.8）”，
背景颜色：“rgba（55,48163,0.5）”，
点半径：10
}]
},
选项：{
动画：{
持续时间：0
},
插件：{
图例：{
显示：假，
位置：“底部”
},
延期：{
}
},
要素：{
要点：{
半径：2
}
},
比例：{
y:{
贝吉纳泽罗：是的，
显示：假，
最高：100
},
x:{
显示：假，
位置：“底部”
}
}
}
});
var ctx=document.getElementById（“B”）.getContext（“2d”）；
var myChart=新图表（ctx{
键入：“行”，
数据：{
标签：[“2016.05.08”、“2016.11.06”、“2017.05.07”、“2017.11.05”、“2018.05.06”、“2018.11.04”、“2019.05.05”、“2019.11.03”、“2020.05.03”、“2020.11.01”、“2021.05.02”]，
数据集：[{
标签：“搜索兴趣”，
填充：是的，
数据：[0.0,0.65,0.3,0.6,2.7,6.2,16.3,23.65,53.45,43.75,59.2727]，
边框颜色：“rgba（55,48163,0.8）”，
背景颜色：“rgba（55,48163,0.5）”，
点半径：10
}]
},
选项：{
插件：{
图例：{
显示：假，
位置：“底部”
},
延期：{
}
},
要素：{
要点：{
半径：2
}
},
比例：{
y:{
贝吉纳泽罗：是的，
显示：假，
最高：100
},
x:{
显示：假，
位置：“底部”
}
}
}
});
var ctx=document.getElementById（“C”）.getContext（“2d”）；
var myChart=新图表（ctx{
键入：“行”，
数据：{
标签：[“2016.05.08”、“2016.11.06”、“2017.05.07”、“2017.11.05”、“2018.05.06”、“2018.11.04”、“2019.05.05”、“2019.11.03”、“2020.05.03”、“2020.11.01”、“2021.05.02”]，
数据集：[{
标签：“搜索兴趣”，
填充：是的，
数据：[0.0,0.65,0.3,0.6,2.7,6.2,16.3,23.65,53.45,43.75,59.2727]，
边框颜色：“rgba（55,48163,0.8）”，
背景颜色：“rgba（55,48163,0.5）”，
点半径：10
}]
},
选项：{
插件：{
图例：{
显示：假，
位置：“底部”
},
延期：{
}
},
要素：{
要点：{
半径：2
}
},
比例：{
y:{
贝吉纳泽罗：是的，
显示：假，
最高：100
},
x:{
显示：假，
位置：“底部”
}
}
}
});
var ctx=document.getElementById（“D”）.getContext（“2d”）；
var myChart=新图表（ctx{
键入：“行”，
数据：{
标签：[“2016.05.08”、“2016.11.06”、“2017.05.07”、“2017.11.05”、“2018.05.06”、“2018.11.04”、“2019.05.05”、“2019.11.03”、“2020.05.03”、“2020.11.01”、“2021.05.02”]，
数据集：[{
标签：“搜索兴趣”，
填充：是的，
数据：[0.0,0.65,0.3,0.6,2.7,6.2,16.3,23.65,53.45,43.75,59.2727]，
边框颜色：“rgba（55,48163,0.8）”，
背景颜色：“rgba（55,48163,0.5）”，
点半径：10
}]
},
选项：{
插件：{
图例：{
显示：假，
位置：“底部”
},
延期：{
}
},
要素：{
要点：{
半径：2
}
},
比例：{
y:{
贝吉纳泽罗：是的，
显示：假，
最高：100
},
x:{
显示：假，
位置：“底部”
}
}
}
});

<script src="https://cdn.jsdelivr.net/npm/chart.js@3.1.1/dist/chart.min.js"></script>