However, this package itself specifies a `main` module field that could not be resolved

by

After a long research MetroJS bundler default not compile typescript .ts and .tsx extension files.
We need tell MetroJS bundler to compile .ts and .tsx files
i solved this error by edit metro.config.js file in root project folder by following.

Edited on September 2022

  • Added cjx and json extensions to below snippet
  • All extensions listed below not required it’s depend on what language you choose javascript or typescript, and your dependencies
module.exports = {
  transformer: {
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: false,
      },
    }),
  },
  resolver: {
    sourceExts: ['jsx', 'js', 'ts', 'tsx', 'cjs', 'json'] //add here
  },
};

More Related Contents:

  1. React navigation goBack() and update parent state
  2. React-Navigation with Login Screen
  3. How to navigate between different nested stacks in react navigation
  4. StackNavigator through Component gives undefined error
  5. Invariant Violation: requireNativeComponent: “RNSScreen” was not found in the UIManager
  6. React Native – React Navigation transitions
  7. Conditional Text Rendering in React Native
  8. Render HTML in React Native
  9. How to upload file to server using react-native
  10. React-native fetch() from https server with self-signed certificate
  11. How to reset TabNavigator when user logs out (from other screen)
  12. React Native error: “Could not determine java version from ‘9.0.1’.”
  13. react-native-fbsdk error: No resource found that matches the given name: attr ‘android:keyboardNavigationCluster’
  14. componentWillMount is deprecated and will be removed in the next major version 0.54.0 in React Native
  15. ES6, how can you export an imported module in a single line?
  16. FlatList inside ScrollView doesn’t scroll
  17. Renaming a React Native project?
  18. Pass props from child to parent react navigation
  19. React-native: How to control what keyboard pushes up
  20. KeyboardAvoidingView not Working Properly
  21. React-Native, Scroll View Not Scrolling
  22. Disable back button in react navigation
  23. Unable to resolve module `@babel/runtime/helpers/interopRequireDefault`
  24. Auto scale image height with React Native
  25. Detect ScrollView has reached the end
  26. Facing issue ” Failed to install the app. Make sure you have the Android development environment ” in react native
  27. Network Response Time Out Error (create-react-native-app) (expo)
  28. How to set default font family in React Native?
  29. What is react-native link?
  30. Call child function from parent component in React Native

Leave a Comment