Unable to resolve module ./env from App.tsx:

Sendbird Chat UIKit JavaScript
, ,
#1

Computer: MacOS
Target Device: Samsung Galaxy Note 10 (connected through Wifi Debug)
UI toolkit: latest version . GitHub - sendbird/sendbird-uikit-react-native: Build chat in minutes with Sendbird UIKit open source code.
Error message
Steps taken:

  1. yarn install
  2. yarn sample:pod-install
  3. Wireless Debug mode connection to Galaxy Note 10
  4. adb reverse tcp:8081 tcp:8081
  5. yarn sample:android

error: Error: Unable to resolve module ./env from /Users/jaekim/code/sendbird_uikit/sendbird-uikit-react-native/sample/src/App.tsx:

None of these files exist:

  • src/env(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)
  • src/env/index(.native|.android.js|.native.js|.js|.android.json|.native.json|.json|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx)
    7 | import { DarkUIKitTheme, LightUIKitTheme } from ‘@sendbird/uikit-react-native-foundation’;
    8 |

9 | import { APP_ID } from ‘./env’;
| ^
10 | import {
11 | ClipboardService,
12 | FileService,
at ModuleResolver.resolveDependency (/Users/jaekim/code/sendbird_uikit/sendbird-uikit-react-native/sample/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:107:15)
at DependencyGraph.resolveDependency (/Users/jaekim/code/sendbird_uikit/sendbird-uikit-react-native/sample/node_modules/metro/src/node-haste/DependencyGraph.js:288:43)
at Object.resolve (/Users/jaekim/code/sendbird_uikit/sendbird-uikit-react-native/sample/node_modules/metro/src/lib/transformHelpers.js:129:24)
at resolve (/Users/jaekim/code/sendbird_uikit/sendbird-uikit-react-native/sample/node_modules/metro/src/DeltaBundler/traverseDependencies.js:396:33)
at /Users/jaekim/code/sendbird_uikit/sendbird-uikit-react-native/sample/node_modules/metro/src/DeltaBundler/traverseDependencies.js:412:26
at Array.reduce ()
at resolveDependencies (/Users/jaekim/code/sendbird_uikit/sendbird-uikit-react-native/sample/node_modules/metro/src/DeltaBundler/traverseDependencies.js:411:33)
at processModule (/Users/jaekim/code/sendbird_uikit/sendbird-uikit-react-native/sample/node_modules/metro/src/DeltaBundler/traverseDependencies.js:140:31)
at async addDependency (/Users/jaekim/code/sendbird_uikit/sendbird-uikit-react-native/sample/node_modules/metro/src/DeltaBundler/traverseDependencies.js:230:18)
at async Promise.all (index 6)

#2

I added sample/src/env.ts as instructed and it worked