Question

尝试在自定义Ektron小部件中加载AngularJS模块时遇到问题。 app.js文件以：

开头

var app = angular.module('myApp', ['ngAnimate', 'ngRoute', 'kendo.directives', 'chieffancypants.loadingBar']);

我看到的错误是：

Uncaught Error: [$injector:modulerr] Failed to instantiate module myApp due to:
Error: [$injector:modulerr] Failed to instantiate module kendo.directives due to:
Error: [$injector:nomod] Module 'kendo.directives' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

现在，我很确定我没有拼错它并且加载了Kendo JavaScript文件，所以不确定发生了什么。就像最好的问题一样，这是一个间歇性问题，它只发生在某些页面上，而且只在某些时间发生，而且在受影响的页面或发生的时间内我都看不到任何模式。

这是脚本文件：

<script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/Includes/js/kendo/angular.js"></script>
<script type="text/javascript" src="/Includes/js/kendo/angular-animate.js"></script>
<script type="text/javascript" src="/Includes/js/kendo/angular-route.js"></script>
<script type="text/javascript" src="/Includes/js/kendo/kendo.all.min.js"></script>
<script type="text/javascript" src="/Includes/js/loading-bar.min.js"></script>
<script type="text/javascript" src="/Includes/js/app.js"></script>

干杯，斯图尔特。

Answer 1

Ektron也可能正在加载它自己的jQuery库文件。我会检查页面的HTML源代码，看看你是否加载了超过1个jQuery库。当发生这种情况时，它通常会破坏页面上的大部分Javascript。

还值得查看Chrome控制台或Firefox的Web开发人员工具栏插件，以查看引发的Javascript错误。你可能会在Javascript中获得更早的错误，这些错误会在这里产生影响。

Kendo AngularJS模块无法加载自定义Ektron小部件

1 个答案: