Manually built source code of kendo ui for jquery in angularjs version doesn't work.

0 Answers 75 Views
General Discussions
Vedad
Top achievements
Rank 3
Bronze
Bronze
Iron
Vedad asked on 12 Sep 2024, 02:39 PM

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)
Vedad
Top achievements
Rank 3
Bronze
Bronze
Iron
commented on 16 Sep 2024, 12:01 PM | edited

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

Martin
Telerik team
commented on 17 Sep 2024, 08:07 AM

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.

Vedad
Top achievements
Rank 3
Bronze
Bronze
Iron
commented on 17 Sep 2024, 02:07 PM

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

Martin
Telerik team
commented on 20 Sep 2024, 07:12 AM

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.

No answers yet. Maybe you can help?

Tags
General Discussions
Asked by
Vedad
Top achievements
Rank 3
Bronze
Bronze
Iron
Share this question
or