Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[2.3] Cannot find module `@babel/preset-typescript`

See original GitHub issue

Description

I upgraded to 2.3, and I am getting this super bizarre error. Downgrading to 2.2 fixes it. I’ve tried clearing my cache, rebuilding, etc. No luck.

It says Cannot find module '@babel/preset-typescript'. I’m in a TypeScript Expo project (in a monorepo). I’m using a custom dev client (meaning I can use native code,) and I’m trying to use 2.3.x.

Expected behavior

The app should run normally after upgrading.

Actual behavior & steps to reproduce

If you have no clue what it could be, I can try to repro tomorrow. Maybe it’s an issue with Expo + TypeScript + Expo’s babel config?

This is the error message I get:

View iOS error

../../packages/navigation/native-stack/use-options.tsx: /Users/user/Developer/madison-hacks/app/packages/navigation/native-stack/use-options.tsx: Cannot find module '@babel/preset-typescript'
Require stack:
- /Users/user/Developer/madison-hacks/app/node_modules/@babel/core/lib/config/files/plugins.js
- /Users/user/Developer/madison-hacks/app/node_modules/@babel/core/lib/config/files/index.js
- /Users/user/Developer/madison-hacks/app/node_modules/@babel/core/lib/index.js
- /Users/user/Developer/madison-hacks/app/node_modules/metro-transform-worker/src/index.js
- /Users/user/Developer/madison-hacks/app/node_modules/metro/src/DeltaBundler/Worker.js
- /Users/user/Developer/madison-hacks/app/node_modules/jest-worker/build/workers/processChild.js
Error: /Users/user/Developer/madison-hacks/app/packages/navigation/native-stack/use-options.tsx: Cannot find module '@babel/preset-typescript'
Require stack:
- /Users/user/Developer/madison-hacks/app/node_modules/@babel/core/lib/config/files/plugins.js
- /Users/user/Developer/madison-hacks/app/node_modules/@babel/core/lib/config/files/index.js
- /Users/user/Developer/madison-hacks/app/node_modules/@babel/core/lib/index.js
- /Users/user/Developer/madison-hacks/app/node_modules/metro-transform-worker/src/index.js
- /Users/user/Developer/madison-hacks/app/node_modules/metro/src/DeltaBundler/Worker.js
- /Users/user/Developer/madison-hacks/app/node_modules/jest-worker/build/workers/processChild.js
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
    at resolve (node:internal/modules/cjs/helpers:108:19)
    at resolveStandardizedName (/Users/user/Developer/madison-hacks/app/node_modules/@babel/core/lib/config/files/plugins.js:102:7)
    at resolvePreset (/Users/user/Developer/madison-hacks/app/node_modules/@babel/core/lib/config/files/plugins.js:50:10)
    at loadPreset (/Users/user/Developer/madison-hacks/app/node_modules/@babel/core/lib/config/files/plugins.js:69:20)
    at loadPreset.next (<anonymous>)
    at createDescriptor (/Users/user/Developer/madison-hacks/app/node_modules/@babel/core/lib/config/config-descriptors.js:179:16)
    at createDescriptor.next (<anonymous>)
    at evaluateSync (/Users/user/Developer/madison-hacks/app/node_modules/gensync/index.js:251:28)

View Web (Next.js) error

../../node_modules/react-native-reanimated/lib/createAnimatedComponent.js
Error: Cannot find module '@babel/preset-typescript'
Require stack:
- /Users/app/Developer/madison-hacks/app/node_modules/@babel/core/lib/config/files/plugins.js
- /Users/app/Developer/madison-hacks/app/node_modules/@babel/core/lib/config/files/index.js
- /Users/app/Developer/madison-hacks/app/node_modules/@babel/core/lib/index.js
- /Users/app/Developer/madison-hacks/app/node_modules/@babel/helper-create-class-features-plugin/lib/index.js
- /Users/app/Developer/madison-hacks/app/node_modules/@babel/plugin-proposal-private-methods/lib/index.js
- /Users/app/Developer/madison-hacks/app/node_modules/@expo/webpack-config/node_modules/@babel/core/lib/config/files/plugins.js
- /Users/app/Developer/madison-hacks/app/node_modules/@expo/webpack-config/node_modules/@babel/core/lib/config/files/index.js
- /Users/app/Developer/madison-hacks/app/node_modules/@expo/webpack-config/node_modules/@babel/core/lib/index.js
- /Users/app/Developer/madison-hacks/app/node_modules/@expo/webpack-config/webpack/loaders/createBabelLoader.js
- /Users/app/Developer/madison-hacks/app/node_modules/@expo/webpack-config/webpack/loaders/createAllLoaders.js
- /Users/app/Developer/madison-hacks/app/node_modules/@expo/webpack-config/webpack/loaders/index.js
- /Users/app/Developer/madison-hacks/app/node_modules/@expo/webpack-config/webpack/addons/withUnimodules.js
- /Users/app/Developer/madison-hacks/app/node_modules/@expo/webpack-config/webpack/addons/index.js
- /Users/app/Developer/madison-hacks/app/node_modules/@expo/webpack-config/addons/index.js
- /Users/app/Developer/madison-hacks/app/apps/next/node_modules/@expo/next-adapter/build/withExpo.js
- /Users/app/Developer/madison-hacks/app/apps/next/node_modules/@expo/next-adapter/build/index.js
- /Users/app/Developer/madison-hacks/app/apps/next/next.config.js
    at loadPreset.next (<anonymous>)
    at createDescriptor.next (<anonymous>)

Snack or minimal code example

I don’t have one for now, but can provide tomorrow if needed. Please let me know.

Package versions

React Native: 0.63.4
React Native Reanimated: 2.3.0, 2.3.1 have the same issue
NodeJS:
Xcode:
Java & Gradle:

Affected platforms

Android
iOS
Web

Issue Analytics

State:
Created 2 years ago
Reactions:1
Comments:11 (2 by maintainers)

Top GitHub Comments

16reactions

chungweileong94commented, Dec 29, 2021

I personally don’t think we should close this issue. Installing @babel/preset-typescript should be just a workaround, not an actual fix.

9reactions

juandlcommented, Dec 30, 2021

yes, please re-open the issue, adding packages like that is not a correct way to solve this issue @nandorojo

Top Results From Across the Web

Parsing error: Cannot find module '@babel/preset-react'

In the first line in every .js file where I import React, I am getting this error: Parsing error: Cannot find module '@babel/preset-react'...

@babel/preset-typescript - npm

Start using @babel/preset-typescript in your project by running `npm i ... other projects in the npm registry using @babel/preset-typescript.

@babel/preset-typescript | Yarn - Package Manager

Fast, reliable, and secure dependency management.

Documentation - Using Babel with TypeScript

This technique is a hybrid approach, using Babel's preset-typescript to ... to have a faster JS emit time because Babel does not type...

Cannot find module '@babel/preset-env' error in Node.js

The error "Cannot find name '@babel/preset-env'" occurs when we use the @babel/preset-env module before installing it. To solve the error, install the @babel/ ......