React Native NetInfo Error

 Error: While trying to resolve module `@react-native-community/netinfo` from file ``, the package `\node_modules\@react-native-community\netinfo\package.json` was successfully found. However, this package itself specifies a `main` module field that could not be resolved (`\node_modules\@react-native-community\netinfo\src\index.ts`. Indeed, none of these files exist:

 

리액트 네이티브 작업중에 NetInfo 설치하고 샘플 코드 넣어봤더니 에러를 뱉는다.

 

해결방법부터 말하자면 메트로 리로드 말고 그냥 완전히 종료했다가 다시 켜면 된다...

 

혹시 메트로 재기동으로 안된다면 아래의 방법을 참고.

 

 

 

MetroJS가 타입스크립트 .ts와 .tsx 확장자를 가진 파일을 컴파일하지 않아서 그렇다고 하는데

타입스크립트 확장자 파일을 컴파일하라는 코드를 추가해주면 된다고 한다.

 

1. 프로젝트 루트 폴더의 merto.config.js 파일을 찾는다.

2. resolver 부분을 추가한다. (확장자는 필요한거 알아서 추가하기)

module.exports = {
  transformer: {
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: true,
      },
    }),
  },
  resolver: {
    sourceExts: ['jsx', 'js', 'ts', 'tsx', 'cjs', 'json'] //add here
  },
};

 

https://stackoverflow.com/questions/60124435/however-this-package-itself-specifies-a-main-module-field-that-could-not-be-r

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