Metro has encountered an error: Cannot read properties of undefined (reading 'transformFie'): . . . #790

nabtron · 2022-03-13T14:50:27Z

Error while running react-native app on ios.

react-native version: 0.67.3

Metro has encountered an error: Cannot read properties of undefined (reading 'transformFie'): . . .

Tried changing node version to 17, 16.12, 14, etc. but no use.

Please help / guide. Thanks.

detailed error:

Metro has encountered an error: Cannot read properties of undefined (reading 'transformFile'): node_modules/metro/src/Bundler.js (48:30)

RCTFatal
__28-[RCTCxxBridge handleError:]_block_invoke
_dispatch_call_block_and_release
_dispatch_client_callout
_dispatch_main_queue_callback_4CF
__CFRUNLOOP_IS_SERVICING_THE_MAIN_DISPATCH_QUEUE__
__CFRunLoopRun
CFRunLoopRunSpecific
GSEventRunModal
-[UIApplication _run]
UIApplicationMain
main
start_sim
0x0

The text was updated successfully, but these errors were encountered:

daihovey · 2022-03-14T09:56:47Z

Same issue here.

cosmosinnovate · 2022-03-14T20:56:22Z

I am running into the same issues as above.

robhogan · 2022-03-16T11:25:05Z

Could someone who's experiencing this please post:

Output of yarn list or npm list -a
Contents of metro.config.js
Contents of babel.config.js

This does look like we're trying to use Bundler._transformer before it's set, but although this code lives on the edge (relying on ordering of promise branches) - it should be ok, and I haven't been able to reproduce.

nabtron · 2022-03-18T18:44:00Z

metro.config.js

/**
 * Metro configuration for React Native
 * https://github.com/facebook/react-native
 *
 * @format
 */

module.exports = {
  transformer: {
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: true,
      },
    }),
  },
};

babel.config.js

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
};

npm list -a is huge, with only one possible warning in it:

─┬ react-native-permissions@3.3.1
│ ├── UNMET OPTIONAL DEPENDENCY react-native-windows@>=0.62.0
│ ├── react-native@0.67.4 deduped
│ └── react@17.0.2 deduped

No other error.

robhogan · 2022-03-18T18:53:51Z

Thanks @nabtron

npm list -a is huge, with only one possible warning in it

I'm actually more interested in the package versions you have - my working theory is that this might be a transform bug in a recent minor dependency update, causing promise branches to execute out of order. That's partly because a cluster of recent reports against an old Metro version suggests the issue is in a recently released dependency rather than Metro itself.

You could post the output to a gist if you like, or filter down to babel-, @babel and metro- dependencies and post the versions here. Equivalently, uploading your package-lock.json would work.

Are you still regularly seeing this issue?

nabtron · 2022-03-18T18:58:59Z

@rh389

package-lock.json: https://gist.github.com/nabtron/3ab61e930e3ad997deaa54e294c3e154

kidtzz · 2022-03-21T02:21:29Z

This work for me

export NODE_OPTIONS=--openssl-legacy-provider

and i'm not downgrade my node

my node 17.7.1

i'm just install same node from package.json => dependencies => node on folder project react-native

nabtron · 2022-03-22T13:21:02Z

@kidtzz so issue is with metro or openssl?

NaveenSubburaj · 2022-04-05T12:05:04Z

Still facing this issue. Any update?

nabtron · 2022-04-05T18:40:14Z

@NaveenSubburaj no, i have abandoned react native due to bugs like these & lack of support and planning to move to native or flutter, lets see.

alex27riva · 2022-06-30T13:31:30Z

Hi everyone, I have the same issue

itta611 · 2022-07-13T08:57:12Z

Hi!
I solved this issue with downgrading node version. (In my case, v17.4.0 -> v16.13.0)

nodebrew install-binary 16.13.0
nodebrew use 16.13.0
npx react-native run-ios

robhogan · 2022-09-22T13:38:03Z

Yes, this is down to incompatibility of older versions of Metro with Node 17+. Contrary to the original issue report here, I haven't seen a reproduction for Node <17. The root cause is Node 17 using OpenSSL 3 (nodejs/node#40455), which drops support for MD4 hashing, which we used until #752.

Three options:

Update to React Native 0.68 (Metro 0.67) or higher. That includes the Metro fix for Node 17+ compatibility.
Use Node 16 or older.
Set NODE_OPTIONS=--openssl-legacy-provider

ez-tech-global · 2022-12-13T10:28:31Z

This work for me

export NODE_OPTIONS=--openssl-legacy-provider

and i'm not downgrade my node

my node 17.7.1

i'm just install same node from package.json => dependencies => node on folder project react-native

It works for me too! thanks

ChiuMungZitAlexander · 2022-12-16T02:26:20Z

I solved this by switching to node v16.

facebook/react-native#35210 a. delete node_modules directory b. yarn install c. cd android; gradlew.bat clean 2. add Environment Variable facebook/metro#790 NODE_OPTIONS=--openssl-legacy-provider d. npx react-native run-android

Leleka14 · 2023-04-12T09:33:14Z

how did that go?
moving to flutter or native because you cant setup your environment, good luck

nabtron · 2023-04-16T01:04:33Z

@Leleka14 xcode native is going amazing!

Although it's been a year and now i have coded many apps in react-native (abandoned expo), flutter and native, i loved native the most.

haveamission · 2023-04-29T20:33:10Z

Yes, this is down to incompatibility of older versions of Metro with Node 17+. Contrary to the original issue report here, I haven't seen a reproduction for Node <17. The root cause is Node 17 using OpenSSL 3 (nodejs/node#40455), which drops support for MD4 hashing, which we used until #752.

Three options:

Update to React Native 0.68 (Metro 0.67) or higher. That includes the Metro fix for Node 17+ compatibility.

Use Node 16 or older.

Set NODE_OPTIONS=--openssl-legacy-provider

Still getting the error with React Native 0.71 on Node 18

EDIT: Weird, my metro is still .66 even on RN .71. Will look into.

Jamal-ReachFirst · 2023-07-17T06:24:57Z

Downgraded to node v16.20.1
react-native v0.67.4

Still facing this issue

Jamal-ReachFirst · 2023-07-17T07:31:53Z

Still facing this issue, reopen this

akshitdandyan · 2023-08-03T10:43:45Z

This work for me

export NODE_OPTIONS=--openssl-legacy-provider

and i'm not downgrade my node

my node 17.7.1

i'm just install same node from package.json => dependencies => node on folder project react-native

This worked for me as well. My node version is 18.16.1

Mihai-github · 2023-10-06T14:51:30Z

+1

Dipali711 · 2023-10-19T05:55:38Z

This work for me

Downgrade node version to 16.13.0
export NODE_OPTIONS=--openssl-legacy-provider into .npmrc file inside nvm folder.
Add this two line in package.json
"start": "react-scripts --openssl-legacy-provider start",
"build": "react-scripts --openssl-legacy-provider build",

yorickshan · 2023-12-29T03:22:04Z

This work for me

export NODE_OPTIONS=--openssl-legacy-provider

and i'm not downgrade my node

my node 17.7.1

i'm just install same node from package.json => dependencies => node on folder project react-native

works for me

robhogan self-assigned this Mar 14, 2022

robhogan closed this as completed Sep 22, 2022

mo-nathan mentioned this issue Feb 12, 2024

Cannot run app in device emulator MushroomObserver/mushroom-observer-mobile#66

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Metro has encountered an error: Cannot read properties of undefined (reading 'transformFie'): . . . #790

Metro has encountered an error: Cannot read properties of undefined (reading 'transformFie'): . . . #790

nabtron commented Mar 13, 2022 •

edited

daihovey commented Mar 14, 2022

cosmosinnovate commented Mar 14, 2022 •

edited

robhogan commented Mar 16, 2022

nabtron commented Mar 18, 2022

robhogan commented Mar 18, 2022 •

edited

nabtron commented Mar 18, 2022

kidtzz commented Mar 21, 2022

nabtron commented Mar 22, 2022

NaveenSubburaj commented Apr 5, 2022

nabtron commented Apr 5, 2022

alex27riva commented Jun 30, 2022

itta611 commented Jul 13, 2022

robhogan commented Sep 22, 2022

ez-tech-global commented Dec 13, 2022

ChiuMungZitAlexander commented Dec 16, 2022

Leleka14 commented Apr 12, 2023

nabtron commented Apr 16, 2023

haveamission commented Apr 29, 2023 •

edited

Jamal-ReachFirst commented Jul 17, 2023

Jamal-ReachFirst commented Jul 17, 2023

akshitdandyan commented Aug 3, 2023

Mihai-github commented Oct 6, 2023

Dipali711 commented Oct 19, 2023

yorickshan commented Dec 29, 2023

Metro has encountered an error: Cannot read properties of undefined (reading 'transformFie'): . . . #790

Metro has encountered an error: Cannot read properties of undefined (reading 'transformFie'): . . . #790

Comments

nabtron commented Mar 13, 2022 • edited

daihovey commented Mar 14, 2022

cosmosinnovate commented Mar 14, 2022 • edited

robhogan commented Mar 16, 2022

nabtron commented Mar 18, 2022

robhogan commented Mar 18, 2022 • edited

nabtron commented Mar 18, 2022

kidtzz commented Mar 21, 2022

nabtron commented Mar 22, 2022

NaveenSubburaj commented Apr 5, 2022

nabtron commented Apr 5, 2022

alex27riva commented Jun 30, 2022

itta611 commented Jul 13, 2022

robhogan commented Sep 22, 2022

ez-tech-global commented Dec 13, 2022

ChiuMungZitAlexander commented Dec 16, 2022

Leleka14 commented Apr 12, 2023

nabtron commented Apr 16, 2023

haveamission commented Apr 29, 2023 • edited

Jamal-ReachFirst commented Jul 17, 2023

Jamal-ReachFirst commented Jul 17, 2023

akshitdandyan commented Aug 3, 2023

Mihai-github commented Oct 6, 2023

Dipali711 commented Oct 19, 2023

yorickshan commented Dec 29, 2023

nabtron commented Mar 13, 2022 •

edited

cosmosinnovate commented Mar 14, 2022 •

edited

robhogan commented Mar 18, 2022 •

edited

haveamission commented Apr 29, 2023 •

edited