Eslint reports Flow Types as syntax error

Question

In cases where I'm using flow.. https://flowtype.org/

// @flow
var foo = (str: string) => {
  return str;
};

and Eslint together, Eslint reports unexpected token on str: string.

Is there a way to make Eslint ignore (or recognize) flow types and not report them as errors?

Answer 1

As Hamlet mentioned there is eslint-plugin-flowtype which will do a couple of things:

• Add syntax support for flow (and future JavaScript syntax) via babel-eslint
• Add additional eslint rules for linting flow syntax

Here are the Installation Instructions and Configuration docs.