React Typescript: Line 0: Parsing error: Cannot read property 'name' of undefined

reactjs typescript create-react-app react-scripts react-typescript
Can Poyrazoğlu picture Can Poyrazoğlu · Mar 17, 2020 · Viewed 8.7k times · Source

Today suddenly I started to get build errors on a project built with Typescript. In a file that (or anything it references) hasn't been changed in weeks, I started to get:

./path/to/my/file.ts
  Line 0:  Parsing error: Cannot read property 'name' of undefined

This error first appeared on our CI, could be replicated by manually building on the server, and I could finally reproduce on my own computer (which was running perfectly) after updating all packages. Now, even if I pull the old (building) commit of my project, I can't build it. I've got yarn.lock commited to my repo, but even with the old package.json and yarn.lock (I delete node_modules and do yarn), I can't build.

This error literally started out of blue today.

What could be the reason?

My (possibly relevant) versions:

yarn 1.22.4,
node v13.11.0,
typescript 3.7.5
react 16.12
react-scripts 3.4.0
macOS 10.15 Catalina

Answer

Can Poyrazoğlu picture Can Poyrazoğlu · Mar 24, 2020

The problem apparently was caused by a misconfiguration of some (peer?) dependencies of a dependency, react-scripts with the TypeScript template. It went away. Make sure you update your dependencies, purge node_modules, even purge package-lock.json or yarn.lock, and try a fresh build again now.

Related questions

How to configure react-script so that it doesn't override tsconfig.json on 'start'

I'm currently using create-react-app to bootstrap one of my projects. Basically, I'm trying to set up paths in tsconfig.json by adding these to the default tsconfig.json generated by create-react-app: "baseUrl": "./src", "paths": { "interfaces/*": [ "common/interfaces/*", ], "components/*": [ "common/components/*", ], }, …

Read More
tslint says calls to console.log are not allowed - How do I allow this?

I just started using create-react-app with typescript create-react-app my-app --scripts-version=react-scripts-ts and the default tslint.json configuration does not allow console.log(). How can I (for now) enable console.log? The docs for this are at https://palantir.github.io/…

Read More
Property does not exist on type 'IntrinsicAttributes & { children?: ReactNode; }'

I have react project created by Create-React-App having following packages (mentioning packages related to my issue) : "react": "^16.13.1", "react-dom": "^16.13.1", "react-router-dom": "^5.1.2", "react-scripts": "3.4.1", "typescript": "^3.9.2", "@typescript-eslint/eslint-plugin": "^2.33.0", "@typescript-eslint/parser": "^2.33.0" i have created a simple HOC (which does nothing as of now, but i'll add …

Read More