Cannot find type definition file for 'types'.

I wanted to try using typescript on a newly created Redwood project 0.20.0. I followed the guidance from the typescript page doc and created a page and a component (the component has been created with the --ts option).

I noticed this issue in the Problems tab of vs code.

[fveauvy]

I think I found two workarounds by tweaking the tsconfig.json file a bit. But please keep in mind that I’m certainly not a typescript wizard and you should took it with a pinch of salt 😄

Let’s say I add yup package (schema validation helper) as well as its typed package to the redwood web side :

• yarn workspace web add yup
• yarn workspace web add @types/yup -D

1. Add a types property

If I add the types property with an empty array value to tsconfig.json the issue isn’t displayed anymore and I keep the type definition of yup in my IDE.

{
  "compilerOptions": {
    "noEmit": true,
    "allowJs": true,
    "esModuleInterop": true,
    "target": "esnext",
    "module": "esnext",
    "moduleResolution": "node",
    "jsx": "preserve",
    "baseUrl": "./",
    "paths": {
      "src/*": ["./src/*"]
    },
    "typeRoots": ["../.redwood"],
    "types": []
  },
  "include": ["src"]
}

It’s a bit odd since the types property doc mentions that only packages listed will be included in the global scope…

2. Modify the typeRoots property

Another workaround I found is to change the typeRoots property as followed : "typeRoots": ["../.redwood", "../node_modules/@types"],

This makes more sense to me since I think that only adding ../.redwood is preventing other @types/. packages to be included.

[AntonioMeireles]

@thedavidprice,

could we keep this open until a canonical solution is found ?

FWIW the “Modify the typeRoots property” referenced above doesn’t seem to work at all. OTOH adding the empty types trick does make the error go away. It’s not clear to me also if this is the right way to do it (as it seems at odds with MS docs - @Krisztiaan any idea on this ?); If it is then the tsconfig.json snippets at https://redwoodjs.com/docs/typescript.html#typescript should probably be updated so that things work of the box…

While on it, why doesn’t yarn create redwood-app add those tsconfig.json by default ? less friction for users, IMHO.