The specific error "Argument is not a function, got undefined" in the $broadcast function is exclusive to Angular on Firefox

An Angular error is popping up in Firefox but not in Chrome or IE. The specific error message is: 

Error: Argument 'myControllerName' is not a function, got undefined
. When tracing the stack, it seems to be originating from the $broadcast function being called from updateRoute, etc.

Here's the setup:

  • Angular v1.1.5
  • Firefox 40.0.3 Encounters error
  • Chrome 45.0.2454.93 m, or IE 11.0.9600 No issues

I've searched through similar solutions on Stack Overflow for the "Argument is not a function, got undefined" error, but couldn't find a resolution for this specific problem. Additionally, I've checked the Angular changelog and did not find any mentions of Firefox-specific fixes for the next version.

Could there be discrepancies between Firefox and other browsers, known bugs in this version of Angular, or any other potential causes for this error?

javascriptangularjsfirefox

Answer №1

The root cause was identified: the controller was utilizing ES5 strict mode ('use strict';), and the function in question was declared too late within the scope. To resolve this, it was necessary to relocate where the problematic function was defined.

It appears that there are indeed variations in how Firefox handles ES5 strict mode.

According to Mozilla Developer Network's Script Mode reference:

... Special considerations from Mozilla: ... strict mode restricts function statements that are not at the top level of a script or function. In regular code across browsers, function statements are allowed "anywhere". This is not part of ES5 (or even ES3)! It's an extension with conflicting semantics across various browsers. Future versions of ECMAScript will ideally define new rules for function statements that are not at the top level of a script or function.

(Further details available here.)

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Unable to toggle Bootstrap 5 tabs in a Nunjucks template - the issue persists

I have been following the bootstrap documentation for tabs which can be found at this link After referencing the documentation, I replicated the sample implementation in my code as shown below: --- title: Portfolio description: Portfolio --- {% exten ...

javascripthtmlcssbootstrap-5nunjucks

Adjust the dimensions of an element using Protractor

When using the getSize method, I am able to determine the size of an element but I am struggling to understand how to change its height. To provide some additional context, my goal is to verify if a user can resize a textarea element. Should I simply adju ...

javascriptangularjsseleniumselenium-webdriverprotractor

The JavaScript code is not running as expected!

i have this index.html file: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" ...

javascripthtmlcssxmlsvg

What is the quickest way to implement an instant search feature for WordPress posts?

Today, I have a new challenge to tackle on my website. I am determined to implement an INSTANT SEARCH feature that will search through all of my posts. One great example to draw inspiration from is found here: Another impressive implementation can be se ...

phpjavascriptajaxwordpresssearch

Tips for incorporating real-time data into your nodeJS and express applications

I am currently utilizing express for managing all the routing in my web application. Additionally, I have integrated firebase to store my data. For organization purposes, I decided to divide my code as follows: index.js: This file serves as the main node ...

javascriptnode.jsexpressfirebase

Include the url of the html file in your JavaScript code

I have a piece of code that I want to include in my JavaScript instead of HTML. The code is as follows: <script async src="https://www.googletagmanager.com/gtag/js?id=ID"></script> Since all my functions are written in JavaScript, I ...

javascripthtml

Showing a div with a smooth fade-in effect while switching its display property to inline using jQuery

Currently, I am working on a project that involves implementing a "side pop up". To ensure it doesn't flicker like it does with jQuery's "hide()" method, I want to start by setting the display property to none using CSS. My main question is: - Ho ...

javascriptjqueryhtmlcss

Utilizing Kendo UI DateTimePicker to transfer chosen date to moment.js

Currently, I am working with a Kendo UI DateTimePicker that provides the selected date in the following format: Thu Dec 15 2016 23:23:30 GMT-0500 My objective is to pass this date into moment.js for extracting the day information like so: var momentDate ...

javascriptjquerykendo-uimomentjsdatetimepicker

Can anyone tell me the best way to access the name attribute of an HTML element in TypeScript?

Currently, my code is utilizing the name attribute to verify whether the user has entered information in a specific field and validating the input. However, I am facing an issue where the submit button remains active even if there are empty fields presen ...

javascripthtmlangulartypescript

Different kinds of garbage collection operations in NodeJS

When utilizing the perf_hooks module in NodeJS, we have access to information regarding garbage collection. This can be achieved by using PerformanceObserver, which is triggered with each garbage collect event. const obs = new perf_hooks.Performanc ...

javascriptnode.jsv8

Saving the state of checkboxes in Angular Material

I am trying to figure out a solution for storing checkbox values, specifically whether they have been checked before or not. For example, I have this dialog: https://i.sstatic.net/c16Ju.jpg After clicking on a checkbox and then clicking Save, the checkbox ...

javascriptangularangular-material

Tips for minimizing the need to copy the entire dojo library each time you create a new Java EE package for deployment on GlassFish

Currently, I am diving into comet programming and utilizing the cometd implementation along with the JavaScript dojo library before deploying my war files to GlassFish. The issue I have encountered is that every time I create a new project, I find myself i ...

javascriptjakarta-eedojoglassfishcometd

Transfer attributes, but have exclusions in React

At times, we all have a common practice of wrapping DOM elements in custom components. <CustomComponet id="abc" title="abc" nonDomProp="abc" ...andsoforth /> In this example, the custom component wraps a button with pr ...

javascriptreactjsspread

Improve code efficiency by streamlining a function and using more effective syntax techniques

I've been learning how to condense code with jQuery. Can this script be written in a more concise manner without everything being on one long line? items.push('<li id="' + key + '">' + ' (key: ' + key + ')&apo ...

javascriptjquerysyntaxcoding-style

Is it possible to customize a website's content based on the browser by utilizing media queries?

After numerous attempts, I still can't seem to resolve the issue of my website appearing differently on Firefox and Edge browsers; the container seems to be misaligned and shifted. I have spent hours scouring the web for a solution with no luck. My ul ...

javascriptjqueryhtmlcssajax

The php script fails to return any response to Ajax

Why is my code not working with jQuery alert and Firefox response? The database query returns successful records, so what am I missing? Jquery ajax. $.ajax({ type : "POST", url : "include/add_edit_del.php?model=teksten_display ...

phpjqueryajaxapachefirefox

Iterating through an SVG path multiple times

If I have the arrow below and I want to place it at various locations within the svg: <svg width="400" height="400"> <path transform="translate(150,100)" fill="black" d="M 0.5,0.5 l-100,0 -25,20 25,20 100,0 z" /> <path transform="translate( ...

javascriptcsssvg

Exploring the importance of defining a JSONP callback function

I am relatively new to JavaScript and struggling with an issue in my code. My code includes an Ajax request to a server, and I receive a response from it. Due to the cross-domain nature of the request, I am utilizing JSONP. $.ajax({ url: "***", c ...

javascriptjqueryajax

Ways to incorporate debounce time into an input search field in typescript

Is there a way to incorporate debounce time into a dynamic search box that filters data in a table? I have explored some solutions online, but my code varies slightly as I do not use throttle or similar functions. This is my template code: <input matI ...

javascriptangulartypescript

How to attach input to function invocation in Angular 2

Can we connect the @Input() property of a child component to a parent component's function call like this: <navigation [hasNextCategory]="hasNextCategory()" [hasPreviousCategory]="hasPreviousCategory()" (nextClicked)="next ...

javascripthtmlcssangularjsangular