kendo-ui - 为什么 kendo.web.min.js 和 kendo.dataviz.min.js 冲突？

Question

我拥有一个带有 kendo.dataviz.min.js 的构造网格 kendo.web.min.js，但是当我使用 Using both 时会发生碰撞。

但有趣的是，项目 jsfiddle 它运行良好，但是当我运行项目 Visual Studio 时，我遇到了以下错误 TypeError: s is undefined

jsfiddle代码

<link href="css/themes.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
<link href="css/base.css" rel="stylesheet" />
<link href="js/kendo/src/styles/kendo.dataviz.css" rel="stylesheet" />
<link href="js/kendo/styles/kendo.silver.min.css" rel="stylesheet" />
<link href="js/kendo/styles/kendo.common.min.css" rel="stylesheet" />
<script src="js/kendo/js/kendo.web.min.js"></script>
<script src="js/kendo/js/kendo.dataviz.min.js"></script>
<script src="js/kendo/src/js/kendo.dataviz.sparkline.js"></script>

Answer 1

它们发生冲突是因为它们包含相同的文件 - kendo.data.js、kendo.core.js 等。您永远不应将它们包含在同一页面中 - 使用 kendo.all.min.js 或创建仅包含所需功能的 JavaScript 文件.

更多信息可在 Kendo UI 文档 - JavaScript 依赖项中找到。

Answer 2

DataViz 脚本必须放在 Web 脚本之前。

<script src="js/kendo/js/kendo.dataviz.min.js"></script>
<script src="js/kendo/js/kendo.web.min.js"></script>