Uncaught ReferenceError: _ is not defined

[sravs]

while I'm trying to use a custom clientlib its throwing the error as Uncaught ReferenceError: _ is not defined I added dependency as lodash also.

can you please help me in this

[Asutosh_Jena_]

Hi @sravs 

Please add 'cq.jquery' as dependency and see if it resolves the issue.

Thanks!

[sravs]

I have tried that as well, but its not working

[Asutosh_Jena_]

What type of custom clientlib it is? Is it reproducible on we-retail as well?

[sravs]

Yeah, I'm using AEM 6.5.3 I tried to add a colorpicker plugin for RTE please find the reference here

https://experience-aem.blogspot.com/2020/01/aem-6530-core-components-280-touch-ui-rte-rich-text-edit...

[sravs]

Yeah, I'm using AEM 6.5.3 I tried to add a colorpicker plugin for RTE

[Asutosh_Jena_]

@sravs Please try using 'underscore'

https://helpx.adobe.com/in/experience-manager/kt/sites/using/getting-started-wknd-tutorial-develop/p...

[sravs]

@asutosh Tried underscore as well but no luck

[Asutosh_Jena_]

@sravs If this is still not resolved, please share the code package to debug further.

[Bhuwan_B · Accepted solution]

Usually this error comes if your code has dependency on Underscore.js/LoDash.js . Can you please try validating if its added and loading properly. https://stackoverflow.com/questions/13556010/referenceerror-is-not-defined

[arunpatidar]

please check sample code here if you are using color picker 

https://aemlab.blogspot.com/2019/07/aem-rte-custom-plugins-1.html

[gilbertcane]

If you are using any script file and getting "Uncaught ReferenceError: x is not defined " which means 'x' is either a variable or a method which you are trying to use before declaring it using var keyword. This means that there is a non-existent variable referenced somewhere. This variable needs to be declared, or you need to make sure it is available in your current script or scope otherwise , it will endup throwing this 'x' is not defined error . This usually indicates that your library is not loaded and JavaScript does not recognize the 'x'.

To solve this error: Load your library at the beginning of all your scripts.

There can be multiple other reasons for this issue:

• Conflict with Other Libraries
• Path to your library included is not correct
• Llibrary file is corrupted
• Working offline (when you use CDN)

[Mishra_Prahlad]

I fixed it by removing the underscore.js dependency altogether. Added equivalent functions that were used from underscore.js

[nibedita07]

@sravs  Please use this lodash.underscore as dependencies in the clientlib node if the issue is not resolved yet.

[Bhargav1817]

Thanks @nibedita07 It worked

[kautuk_sahni]

@dasiascott99 @Bhargav1817 We hope you found the AEM community valuable. We anticipate your return as either a learner or a contributor. The community benefits from SMEs like you. Please ask your AEM peers to join and contribute. Happy AEM learning!

[dasiascott99]

This worked for me thank you