Prettier doesn't parse Typescript type cast

Question

I'm using Prettier 1.17.1 and TypeScript 3.4.5 with create-react-app.

I'm getting the error below each time I try to use the x as T syntax in TypeScript for type cast:

src/Form.tsx
[error] src/Form.tsx: SyntaxError: Unexpected identifier (82:57)
[error]   80 |                 value={data.position}
[error]   81 |                 onChange={e => {
[error] > 82 |                     const nextPosition = e.target.value as Position

I've tried also a different syntax <T> x but it breaks TS compilation due to the JSX format.

score 2 · Accepted Answer · answered Jun 13 '19 at 08:48

2

Solved it! I had to explicitly set the --parser option when running it. In the docs, it says that it should be inferred, though it wasn't working for me with .tsx files.

prettier --parser typescript fixed it

answered Jun 13 '19 at 08:48

pietro909

1,811
1
19
26

And how do I set this for eslint-plugin-prettier? Already have `parser: "@typescript-eslint/parser"` in my `.eslintrc`. – Piotr Ma'niak Aug 25 '22 at 12:59

score 0 · Answer 2 · answered Oct 12 '22 at 01:39

0

pietro909's comment is correct, but if you're using .prettierrc for configuration, you can add this to the file, it would work similarly.

  "parser": "typescript"

answered Oct 12 '22 at 01:39

Trung Tròn Trịa

51
5

Prettier doesn't parse Typescript type cast

2 Answers2