Compilation issue in AEM 6.4

While upgrading the AEM instances with service packs you may get sometimes
compilation errors something like :

tmpFile.renameTo(classFile) failed
(:\org/apache/jsp/libs/granite/ui/components/foundation/layouts/tabs\tabs_jsp.classtmp
->:\org/apache/jsp/libs/granite/ui/components/foundation/layouts/tabs\tabs_jsp.class)

Refer to the screenshot for detailed error:

Sometimes this issue come for resourceType you have used in dialog and that's why dialog also doesn’t open and in console you can see "core.js" breaking.

Reason: While adding service packs or other kind of packs in AEM instance that overwrite the old jsp. Sometime the JSP classes will not get compiled automatically in Adobe Experience Manager(AEM). Strange UI issues can compilation errors may be seen in the logs. In AEM6.4 libraries are no longer under /var/clientlibs folder, they are in the file system now.

Solution:
a) Recompiling the JSP classes with steps below will resolve many of such issues:

Login via the AEM System Console http://localhost:4502/system/console/slingjsp
Click on Recompile all JSPs.

b) For clientlibs access , click Invalidate Caches then click Rebuild Libraries.

Another way to delete the cache from file system is:
a) For classes and Sightly cache:
Go to system console and search for “Apache Sling Commons FileSystem ClassLoader”.
Check the bundle number of the above mentioned bundle.
Go to filesystem crx-quickstart/launchpad/felix/bundles/bundle-x/data/classes
Delete all the files under classes folder.

b) For clilentlibs cache
Go to system console and search for “Adobe Granite UI Clientlibs”.
Check the bundle number of the above mentioned bundle.
Go to filesystem crx-quickstart/launchpad/felix/bundles/bundle-x/data/outcache
Delete all the files under outcache folder.