Hi,
I am trying to update kendo ui version from 2022.3 to the latest in our old angularJS application.
I followed instructions to build source code as described here:
https://docs.telerik.com/kendo-ui/intro/installation/ecmascript
I am injecting supported version of jquery, order of injections is ok.. there is something else I can't reach.
However, after injecting kendo.all.js (or kendo.all.min.js) and try to run my application, I always get the error shown down.
Any help or suggestion would be helpful.
Thank you and regards,
Vedad
Error: [$injector:modulerr] Failed to instantiate module myAngularApp 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.
http://errors.angularjs.org/1.5.8/$injector/nomod?p0=kendo.directives
at http://localhost:8080/myWebApp/js/lib.js:9882:12
at http://localhost:8080/myWebApp/js/lib.js:11896:17
at ensure (http://localhost:8080/myWebApp/js/lib.js:11820:38)
at module (http://localhost:8080/myWebApp/js/lib.js:11894:14)
at http://localhost:8080/myWebApp/js/lib.js:14431:22
at forEach (http://localhost:8080/myWebApp/js/lib.js:10135:20)
at loadModules (http://localhost:8080/myWebApp/js/lib.js:14415:5)
at http://localhost:8080/myWebApp/js/lib.js:14432:40
at forEach (http://localhost:8080/myWebApp/js/lib.js:10135:20)
at loadModules (http://localhost:8080/myWebApp/js/lib.js:14415:5)
at createInjector (http://localhost:8080/myWebApp/js/lib.js:14337:19)
at doBootstrap (http://localhost:8080/myWebApp/js/lib.js:11572:20)
at bootstrap (http://localhost:8080/myWebApp/js/lib.js:11593:12)
at angularInit (http://localhost:8080/myWebApp/js/lib.js:11478:5)
at HTMLDocument.<anonymous> (http://localhost:8080/myWebApp/js/lib.js:41577:5)
at fire (http://localhost:8080/myWebApp/js/lib.js:3187:31)
http://errors.angularjs.org/1.5.8/$injector/modulerr?p0=kendo.directives&p1=Error%3A%20%5B%24injector%3Anomod%5D%20Module%20'kendo.directives'%20is%20not%20available!%20You%20either%20misspelled%20the%20module%20name%20or%20forgot%20to%20load%20it.%20If%20registering%20a%20module%20ensure%20that%20you%20specify%20the%20dependencies%20as%20the%20second%20argument.%0Ahttp%3A%2F%2Ferrors.angularjs.org%2F1.5.8%2F%24injector%2Fnomod%3Fp0%3Dkendo.directives%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A9882%3A12%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A11896%3A17%0A%20%20%20%20at%20ensure%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A11820%3A38)%0A%20%20%20%20at%20module%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A11894%3A14)%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A14431%3A22%0A%20%20%20%20at%20forEach%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A10135%3A20)%0A%20%20%20%20at%20loadModules%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A14415%3A5)%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A14432%3A40%0A%20%20%20%20at%20forEach%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A10135%3A20)%0A%20%20%20%20at%20loadModules%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A14415%3A5)%0A%20%20%20%20at%20createInjector%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A14337%3A19)%0A%20%20%20%20at%20doBootstrap%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A11572%3A20)%0A%20%20%20%20at%20bootstrap%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A11593%3A12)%0A%20%20%20%20at%20angularInit%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A11478%3A5)%0A%20%20%20%20at%20HTMLDocument.%3Canonymous%3E%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A41577%3A5)%0A%20%20%20%20at%20fire%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A3187%3A31)
at http://localhost:8080/myWebApp/js/lib.js:9882:12
at http://localhost:8080/myWebApp/js/lib.js:14454:15
at forEach (http://localhost:8080/myWebApp/js/lib.js:10135:20)
at loadModules (http://localhost:8080/myWebApp/js/lib.js:14415:5)
at http://localhost:8080/myWebApp/js/lib.js:14432:40
at forEach (http://localhost:8080/myWebApp/js/lib.js:10135:20)
at loadModules (http://localhost:8080/myWebApp/js/lib.js:14415:5)
at createInjector (http://localhost:8080/myWebApp/js/lib.js:14337:19)
at doBootstrap (http://localhost:8080/myWebApp/js/lib.js:11572:20)
at bootstrap (http://localhost:8080/myWebApp/js/lib.js:11593:12)
at angularInit (http://localhost:8080/myWebApp/js/lib.js:11478:5)
at HTMLDocument.<anonymous> (http://localhost:8080/myWebApp/js/lib.js:41577:5)
at fire (http://localhost:8080/myWebApp/js/lib.js:3187:31)
at Object.fireWith [as resolveWith] (http://localhost:8080/myWebApp/js/lib.js:3317:7)
at Function.ready (http://localhost:8080/myWebApp/js/lib.js:3536:13)
at HTMLDocument.completed (http://localhost:8080/myWebApp/js/lib.js:3552:9)
http://errors.angularjs.org/1.5.8/$injector/modulerr?p0=myAngularApp&p1=Error%3A%20%5B%24injector%3Amodulerr%5D%20Failed%20to%20instantiate%20module%20kendo.directives%20due%20to%3A%0AError%3A%20%5B%24injector%3Anomod%5D%20Module%20'kendo.directives'%20is%20not%20available!%20You%20either%20misspelled%20the%20module%20name%20or%20forgot%20to%20load%20it.%20If%20registering%20a%20module%20ensure%20that%20you%20specify%20the%20dependencies%20as%20the%20second%20argument.%0Ahttp%3A%2F%2Ferrors.angularjs.org%2F1.5.8%2F%24injector%2Fnomod%3Fp0%3Dkendo.directives%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A9882%3A12%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A11896%3A17%0A%20%20%20%20at%20ensure%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A11820%3A38)%0A%20%20%20%20at%20module%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A11894%3A14)%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A14431%3A22%0A%20%20%20%20at%20forEach%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A10135%3A20)%0A%20%20%20%20at%20loadModules%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A14415%3A5)%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A14432%3A40%0A%20%20%20%20at%20forEach%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A10135%3A20)%0A%20%20%20%20at%20loadModules%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A14415%3A5)%0A%20%20%20%20at%20createInjector%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A14337%3A19)%0A%20%20%20%20at%20doBootstrap%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A11572%3A20)%0A%20%20%20%20at%20bootstrap%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A11593%3A12)%0A%20%20%20%20at%20angularInit%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A11478%3A5)%0A%20%20%20%20at%20HTMLDocument.%3Canonymous%3E%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A41577%3A5)%0A%20%20%20%20at%20fire%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A3187%3A31)%0Ahttp%3A%2F%2Ferrors.angularjs.org%2F1.5.8%2F%24injector%2Fmodulerr%3Fp0%3Dkendo.directives%26p1%3DError%253A%2520%255B%2524injector%253Anomod%255D%2520Module%2520'kendo.directives'%2520is%2520not%2520available!%2520You%2520either%2520misspelled%2520the%2520module%2520name%2520or%2520forgot%2520to%2520load%2520it.%2520If%2520registering%2520a%2520module%2520ensure%2520that%2520you%2520specify%2520the%2520dependencies%2520as%2520the%2520second%2520argument.%250Ahttp%253A%252F%252Ferrors.angularjs.org%252F1.5.8%252F%2524injector%252Fnomod%253Fp0%253Dkendo.directives%250A%2520%2520%2520%2520at%2520http%253A%252F%252Flocalhost%253A8080%252FmyWebApp%252Fjs%252Flib.js%253A9882%253A12%250A%2520%2520%2520%2520at%2520http%253A%252F%252Flocalhost%253A8080%252FmyWebApp%252Fjs%252Flib.js%253A11896%253A17%250A%2520%2520%2520%2520at%2520ensure%2520(http%253A%252F%252Flocalhost%253A8080%252FmyWebApp%252Fjs%252Flib.js%253A11820%253A38)%250A%2520%2520%2520%2520at%2520module%2520(http%253A%252F%252Flocalhost%253A8080%252FmyWebApp%252Fjs%252Flib.js%253A11894%253A14)%250A%2520%2520%2520%2520at%2520http%253A%252F%252Flocalhost%253A8080%252FmyWebApp%252Fjs%252Flib.js%253A14431%253A22%250A%2520%2520%2520%2520at%2520forEach%2520(http%253A%252F%252Flocalhost%253A8080%252FmyWebApp%252Fjs%252Flib.js%253A10135%253A20)%250A%2520%2520%2520%2520at%2520loadModules%2520(http%253A%252F%252Flocalhost%253A8080%252FmyWebApp%252Fjs%252Flib.js%253A14415%253A5)%250A%2520%2520%2520%2520at%2520http%253A%252F%252Flocalhost%253A8080%252FmyWebApp%252Fjs%252Flib.js%253A14432%253A40%250A%2520%2520%2520%2520at%2520forEach%2520(http%253A%252F%252Flocalhost%253A8080%252FmyWebApp%252Fjs%252Flib.js%253A10135%253A20)%250A%2520%2520%2520%2520at%2520loadModules%2520(http%253A%252F%252Flocalhost%253A8080%252FmyWebApp%252Fjs%252Flib.js%253A14415%253A5)%250A%2520%2520%2520%2520at%2520createInjector%2520(http%253A%252F%252Flocalhost%253A8080%252FmyWebApp%252Fjs%252Flib.js%253A14337%253A19)%250A%2520%2520%2520%2520at%2520doBootstrap%2520(http%253A%252F%252Flocalhost%253A8080%252FmyWebApp%252Fjs%252Flib.js%253A11572%253A20)%250A%2520%2520%2520%2520at%2520bootstrap%2520(http%253A%252F%252Flocalhost%253A8080%252FmyWebApp%252Fjs%252Flib.js%253A11593%253A12)%250A%2520%2520%2520%2520at%2520angularInit%2520(http%253A%252F%252Flocalhost%253A8080%252FmyWebApp%252Fjs%252Flib.js%253A11478%253A5)%250A%2520%2520%2520%2520at%2520HTMLDocument.%253Canonymous%253E%2520(http%253A%252F%252Flocalhost%253A8080%252FmyWebApp%252Fjs%252Flib.js%253A41577%253A5)%250A%2520%2520%2520%2520at%2520fire%2520(http%253A%252F%252Flocalhost%253A8080%252FmyWebApp%252Fjs%252Flib.js%253A3187%253A31)%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A9882%3A12%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A14454%3A15%0A%20%20%20%20at%20forEach%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A10135%3A20)%0A%20%20%20%20at%20loadModules%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A14415%3A5)%0A%20%20%20%20at%20http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A14432%3A40%0A%20%20%20%20at%20forEach%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A10135%3A20)%0A%20%20%20%20at%20loadModules%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A14415%3A5)%0A%20%20%20%20at%20createInjector%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A14337%3A19)%0A%20%20%20%20at%20doBootstrap%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A11572%3A20)%0A%20%20%20%20at%20bootstrap%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A11593%3A12)%0A%20%20%20%20at%20angularInit%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A11478%3A5)%0A%20%20%20%20at%20HTMLDocument.%3Canonymous%3E%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A41577%3A5)%0A%20%20%20%20at%20fire%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A3187%3A31)%0A%20%20%20%20at%20Object.fireWith%20%5Bas%20resolveWith%5D%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A3317%3A7)%0A%20%20%20%20at%20Function.ready%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A3536%3A13)%0A%20%20%20%20at%20HTMLDocument.completed%20(http%3A%2F%2Flocalhost%3A8080%2FmyWebApp%2Fjs%2Flib.js%3A3552%3A9)
at http://localhost:8080/myWebApp/js/lib.js:9882:12
at http://localhost:8080/myWebApp/js/lib.js:14454:15
at forEach (http://localhost:8080/myWebApp/js/lib.js:10135:20)
at loadModules (http://localhost:8080/myWebApp/js/lib.js:14415:5)
at createInjector (http://localhost:8080/myWebApp/js/lib.js:14337:19)
at doBootstrap (http://localhost:8080/myWebApp/js/lib.js:11572:20)
at bootstrap (http://localhost:8080/myWebApp/js/lib.js:11593:12)
at angularInit (http://localhost:8080/myWebApp/js/lib.js:11478:5)
at HTMLDocument.<anonymous> (http://localhost:8080/myWebApp/js/lib.js:41577:5)
at fire (http://localhost:8080/myWebApp/js/lib.js:3187:31)
at Object.fireWith [as resolveWith] (http://localhost:8080/myWebApp/js/lib.js:3317:7)
at Function.ready (http://localhost:8080/myWebApp/js/lib.js:3536:13)
at HTMLDocument.completed (http://localhost:8080/myWebApp/js/lib.js:3552:9)
Hi
Update on my side, i missed the fact that angularjs support is thrown out with 2023. That's why original error was there.
I extracted recommended version 2023.3.1010 and got the code as suggested here: https://docs.telerik.com/kendo-ui/framework/angularjs/angular-legacy-files. Now I have the question, is it enough only to add kendo.angular.js and kendo.core.js or I have to do something else? Basically we bundle all our libs into one file, so if i include these two files original error is gone, but any widget instantiated through angularjs syntax is still not recognized. I tried also to add the files separately, but the result is the same. Any help would be appreciated.
Thank you
Regards
Vedad
Hello, Vedad,
Instead of kendo.core.js, you need to load the kendo.all.js file as it contains the code for all the components, while the kendo.core.js file has a different purpose. You can refer to this section from our documentation about the necessary files. Let me know if you have any further questions.
Hi Martin,
thank you for your answer.
I managed to make version 2023.3. to work, but how do i proceed with updating to the latest version while keeping support for angularjs? I don't see kendo.angular.js in the latest version of source to be build.
Thank you
Regards
Vedad
Hello, Vedad,
As the AngularJS was last shipped with the R3 2023 version due to the drop of support, you will only be able to use AngularJS with Kendo R3 2023.