ReferenceError: Can't find variable for clientlib initialization | Community
Skip to main content
Jeanmaradiaga
Level 3
December 10, 2020
Solved

ReferenceError: Can't find variable for clientlib initialization

  • December 10, 2020
  • 1 reply
  • 2236 views

We have multiple components with custom javascript, the way we include this clientlibs is by adding a script tag to the component's html file.

 

<script>
window.bootstrap_component(function() {
init_component_name();
})
</script>

In our head.html we define the function bootstrap_component like so:

<script>
window.bootstrap_component = function (handler) {
if (typeof handler === 'function') {
if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") {
handler();
} else {
document.addEventListener("DOMContentLoaded", function() {
handler();
});
}
}
}
</script>

 This works just fine but for the past two years we have been getting bugs on and off from Bugsnag that say: 

ReferenceError: Can't find variable: init_component_name

 

The pages where this errors are reported work just fine, checking the browser console or the error logs from AEM has revealed nothing, no error messages, no warnings, nothing. Our current theory is that the function is being called before the page has loaded despite the safeguards in place and then again once the DOM loads. Is there anything we could do to further troubleshoot this?

 

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Anudeep_Garnepudi

Hi @jeanmaradiaga 

The init_component_name() function is not declared within the script tag, that is the reason why you are getting ReferenceError: Can't find variable: init_component_name. 

<script> // No init_component_name function decleration here window.bootstrap_component(function() { init_component_name(); }) </script>

This function(init_component_name) might have attached to window object thats why it is executing fine and you don't see any console errors. Hope you got it.

AG

1 reply

Anudeep_Garnepudi
Community Advisor
Anudeep_GarnepudiCommunity AdvisorAccepted solution
Community Advisor
December 10, 2020

Hi @jeanmaradiaga 

The init_component_name() function is not declared within the script tag, that is the reason why you are getting ReferenceError: Can't find variable: init_component_name. 

<script> // No init_component_name function decleration here window.bootstrap_component(function() { init_component_name(); }) </script>

This function(init_component_name) might have attached to window object thats why it is executing fine and you don't see any console errors. Hope you got it.

AG

AG
Jeanmaradiaga
Level 3
December 10, 2020

Thanks, that makes sense.