Code editor show syntax error with Arrow Functions

[mrbdrm]

try this in the code editor

hello = () => {
  return "Hello World!";
}

[Teodor]

We are using ESLint for the javascript code, you can check that it does report the same error there:

ESLint Demo

Maybe @patrick can check if there’s some ESLint config option needed for arrow functions.

[michaeljn]

Just came across this.

In case anyone else has the same issue, solved it by overriding ESLints default ES5 setting to support ES6 (required for anonymous functions).

I added the below to the package.json file and now parses arrow functions without throwing an error.

  "eslintConfig": {
       "env": {
            "browser": true,
            "node": true,
            "es6": true
   },

[George]

We actually added es6 as default in Wappler 4 beta 10, so the code editor should recognize all the modern js syntax per default.

[michaeljn]

Ok cool! I’m still on 3.9.9. Good to know for the future. Thanks George.