title: Metro has encountered an error "Cannot read property "transformFile" of undefined react native
body: <p>I just wanted to try react-native. However I get this error. Metro has encountered an error:  Cannot read property 'transformFile' of undefined. I tried it on my physical device and emulator and the error is same. I am getting this in my console &quot;Failed to construct transformer:  Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (88)&quot;</p>
  <p><a href="https://i.stack.imgur.com/79jMy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/79jMy.png" alt="first error" /></a></p>
  <p><a href="https://i.stack.imgur.com/X5sgR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/X5sgR.png" alt="second error" /></a></p>
  <p>Here is my package.json file</p>
  <pre><code>{
    &quot;name&quot;: &quot;XYZ&quot;,
    &quot;version&quot;: &quot;0.0.1&quot;,
    &quot;private&quot;: true,
    &quot;scripts&quot;: {
      &quot;android&quot;: &quot;react-native run-android&quot;,
      &quot;ios&quot;: &quot;react-native run-ios&quot;,
      &quot;start&quot;: &quot;react-native start&quot;,
      &quot;test&quot;: &quot;jest&quot;,
      &quot;lint&quot;: &quot;prettier --write src/**/*.{ts,tsx} &amp;&amp; eslint src/**/*.{ts,tsx}&quot;
    },
    &quot;husky&quot;: {
      &quot;hooks&quot;: {
        &quot;pre-commit&quot;: &quot;yarn lint &amp;&amp; yarn test&quot;
      }
    },
    &quot;dependencies&quot;: {
      &quot;@apollo/react-hooks&quot;: &quot;^3.1.5&quot;,
      &quot;@react-native-community/async-storage&quot;: &quot;^1.12.0&quot;,
      &quot;@react-native-community/masked-view&quot;: &quot;^0.1.10&quot;,
      &quot;@react-native-community/netinfo&quot;: &quot;^5.9.6&quot;,
      &quot;@react-navigation/drawer&quot;: &quot;^5.9.0&quot;,
      &quot;@react-navigation/native&quot;: &quot;^5.7.3&quot;,
      &quot;@react-navigation/stack&quot;: &quot;^5.9.0&quot;,
      &quot;@types/react-native-auth0&quot;: &quot;^2.5.0&quot;,
      &quot;apollo-boost&quot;: &quot;^0.4.9&quot;,
      &quot;babel&quot;: &quot;^6.23.0&quot;,
      &quot;babel-core&quot;: &quot;^6.26.3&quot;,
      &quot;babel-upgrade&quot;: &quot;^1.0.1&quot;,
      &quot;date-fns&quot;: &quot;^2.16.1&quot;,
      &quot;metro-config&quot;: &quot;^0.59.0&quot;,
      &quot;react&quot;: &quot;^16.13.1&quot;,
      &quot;react-native&quot;: &quot;^0.62.2&quot;,
      &quot;react-native-auth0&quot;: &quot;^2.5.0&quot;,
      &quot;react-native-dotenv&quot;: &quot;^0.2.0&quot;,
      &quot;react-native-elements&quot;: &quot;^2.2.1&quot;,
      &quot;react-native-gesture-handler&quot;: &quot;^1.8.0&quot;,
      &quot;react-native-google-places-autocomplete&quot;: &quot;^1.8.0&quot;,
      &quot;react-native-linear-gradient&quot;: &quot;^2.5.6&quot;,
      &quot;react-native-reanimated&quot;: &quot;^1.13.0&quot;,
      &quot;react-native-safe-area-context&quot;: &quot;^1.0.0&quot;,
      &quot;react-native-screens&quot;: &quot;^2.10.1&quot;,
      &quot;react-native-skeleton-placeholder&quot;: &quot;^2.0.7&quot;,
      &quot;react-native-step-indicator&quot;: &quot;^1.0.3&quot;,
      &quot;react-native-svg&quot;: &quot;^12.1.0&quot;,
      &quot;react-native-swiper&quot;: &quot;^1.6.0&quot;,
      &quot;react-native-tab-view&quot;: &quot;^2.15.1&quot;,
      &quot;react-native-vector-icons&quot;: &quot;^7.0.0&quot;,
      &quot;reanimated-bottom-sheet&quot;: &quot;^1.0.0-alpha.20&quot;
    },
    &quot;devDependencies&quot;: {
      &quot;@babel/core&quot;: &quot;^7.11.1&quot;,
      &quot;@babel/runtime&quot;: &quot;^7.11.2&quot;,
      &quot;@react-native-community/eslint-config&quot;: &quot;^1.0.0&quot;,
      &quot;@types/jest&quot;: &quot;^24.0.24&quot;,
      &quot;@types/react-native&quot;: &quot;^0.62.0&quot;,
      &quot;@types/react-native-dotenv&quot;: &quot;^0.2.0&quot;,
      &quot;@types/react-test-renderer&quot;: &quot;^16.9.3&quot;,
      &quot;@typescript-eslint/eslint-plugin&quot;: &quot;^2.34.0&quot;,
      &quot;@typescript-eslint/parser&quot;: &quot;^2.27.0&quot;,
      &quot;babel-jest&quot;: &quot;^24.9.0&quot;,
      &quot;eslint&quot;: &quot;^7.7.0&quot;,
      &quot;eslint-config-airbnb-typescript&quot;: &quot;^7.2.1&quot;,
      &quot;eslint-config-prettier&quot;: &quot;^6.11.0&quot;,
      &quot;eslint-plugin-import&quot;: &quot;^2.22.0&quot;,
      &quot;eslint-plugin-jsx-a11y&quot;: &quot;^6.3.1&quot;,
      &quot;eslint-plugin-no-null&quot;: &quot;^1.0.2&quot;,
      &quot;eslint-plugin-prettier&quot;: &quot;^3.1.4&quot;,
      &quot;eslint-plugin-react&quot;: &quot;^7.20.6&quot;,
      &quot;eslint-plugin-react-hooks&quot;: &quot;^4.1.0&quot;,
      &quot;husky&quot;: &quot;^4.2.5&quot;,
      &quot;jest&quot;: &quot;^26.4.0&quot;,
      &quot;metro-react-native-babel-preset&quot;: &quot;^0.58.0&quot;,
      &quot;node-sass&quot;: &quot;^4.14.1&quot;,
      &quot;prettier&quot;: &quot;^2.0.5&quot;,
      &quot;react-native-sass-transformer&quot;: &quot;^1.4.0&quot;,
      &quot;react-native-svg-transformer&quot;: &quot;^0.14.3&quot;,
      &quot;react-test-renderer&quot;: &quot;^16.13.1&quot;,
      &quot;ts-jest&quot;: &quot;^26.2.0&quot;,
      &quot;typescript&quot;: &quot;^3.9.7&quot;
    }
  }
  </code></pre>