Uncaught SyntaxError: In strict mode code, functions can only be declared at top level or immediately within another function

Question

Hello when I run this project in Developer mode (grunt server) https://github.com/kennethlynne/generator-angular-xl everything is ok but when I run it in production mode (gr

Answer 1

As someone suggested above, you can uncomment the 'use strict'; part, or even better, change your function syntax

instead of

function funcName (param) { }

use

funcName = function(param) {}; 

Answer 2

It's just what the error message says:

functions can only be declared at top level or immediately within another function

You must not put a function declaration inside any other block, like an if-statement or for-loop.

Example:

'use strict';

function some() {

    function okay() {
    }

    let x = 1;

    function no_problem() {
    }

    if (x == 1) {

        function BOOM() {   // <- wrong!
        }
    }
}

Answer 3

In addition to the correct answers, this could also be a bug in FireFox in some specific scenarios.

We had this error message on the machine of one single user. In the JavaScript file there was a use strict line below the method that throwed this error (which should not be affected by this)

It happened to be an issue on FireFox Version 45.9.0 (and maybe older versions, as well). Updating Firefox to the most current version (currently 52.4) solved the issue.

Answer 4

The way I solved the problem was by removing the 'use strict' that was above the jquery in the final minified script. Another way can be changing the jQuery version to one without the strict bug

EDIT: After all it was a jQuery minification error on version 1.11, and an easy fix for this is to go to your Grunt file and comment out the line

banner: "'use strict';\n"

Answer 5

Interestingly, mine was because the { was put on a new line, yet i was returning an object so i changed

from

"use strict";
var funcName1 = function(){
    /* some code*/
    return
    { // note this bracket
        funcName2:function(){/* some code*/},
    };
}

to

"use strict";
var funcName1 = function(){
    /* some code*/
    return { // to this, same line
        funcName2:function(){/* some code*/},
    };
}