通过CDN安装使用Kendo UI for Vue时提示ChartInstaller未定义如何解决
报错原因
- CDN资源引入不全:Kendo UI for Vue 的组件按模块拆分分发,基础框架CDN仅包含核心包装逻辑,
ChartInstaller属于图表组件专属的导出项,未引入对应图表组件CDN资源时该变量不存在,直接调用就会触发引用错误。 - 调用方法不匹配CDN使用规范:通过CDN引入的Kendo UI for Vue 包装器组件,所有组件安装器都挂载在全局
kendo.vue命名空间下,直接调用ChartInstaller变量属于本地NPM包的调用方式,不符合CDN场景的调用规则。
解决方法
- 补充引入和当前Kendo核心包版本一致的图表组件CDN资源,添加位置在核心框架CDN之后、Vue实例初始化之前。
- 修改组件注册代码,将原有的
Vue.use(ChartInstaller)调整为Vue.use(kendo.vue.ChartInstaller),调用全局命名空间下的正确安装器对象。 - 确认页面内使用的图表组件标签为
<kendo-chart>,符合Wrapper版本的组件命名规范。
内容的提问来源于stack exchange,提问作者Croviajo
相关产品推荐
相关产品推荐

