Nativebase: Unable to resolve module `./theme/components`

Created on 27 Mar 2018 · 7Comments · Source: GeekyAnts/NativeBase

react-native, react and native-base version

"native-base": "^2.4.0",
"react": "16.2.0",
"react-native": "0.53.3",

Expected behaviour

expected to work

Actual behaviour

npm install on my project, react-native link and then run the project to see this error..

App throws a red screen with the error

error: bundling failed: Error: Unable to resolve module `./theme/components` from `/Users/bhakta/dev/react-native/astro/node_modules/native-base/dist/src/index.js`: The module `./theme/components` could not be found from `/Users/bhakta/dev/react-native/astro/node_modules/native-base/dist/src/index.js`. Indeed, none of these files exist:

  * `/Users/bhakta/dev/react-native/astro/node_modules/native-base/dist/src/theme/components(.native||.android.js|.native.js|.js|.android.json|.native.json|.json)`
  * `/Users/bhakta/dev/react-native/astro/node_modules/native-base/dist/src/theme/components/index(.native||.android.js|.native.js|.js|.android.json|.native.json|.json)`
    at ModuleResolver.resolveDependency (/Users/bhakta/dev/react-native/astro/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:311:1122)
    at ResolutionRequest.resolveDependency (/Users/bhakta/dev/react-native/astro/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:96:16)

Steps to reproduce (code snippet or screenshot)

+ [email protected]
updated 1 package in 7.48s
bhakta@Bhaktas-MacBook-Pro:~/dev/react-native/astro$
bhakta@Bhaktas-MacBook-Pro:~/dev/react-native/astro$
bhakta@Bhaktas-MacBook-Pro:~/dev/react-native/astro$ cd node_modules/native-base/src
bhakta@Bhaktas-MacBook-Pro:~/dev/react-native/astro/node_modules/native-base/src$ ll
total 16
-rw-r--r--   1 bhakta  staff   221 Mar 27 11:41 init.js
-rw-r--r--   1 bhakta  staff  3273 Mar 27 11:41 index.js
drwxr-xr-x  56 bhakta  staff  1792 Mar 27 12:33 basic
drwxr-xr-x   3 bhakta  staff    96 Mar 27 12:33 theme
drwxr-xr-x   6 bhakta  staff   192 Mar 27 12:33 Utils
bhakta@Bhaktas-MacBook-Pro:~/dev/react-native/astro/node_modules/native-base/src$ head index.js
import { StyleProvider, connectStyle } from "native-base-shoutem-theme";
import { keys } from "lodash";
import { Col, Row, Grid } from "react-native-easy-grid";
// import { Gravatar } from "./basic/Gravatar";
import setDefaultThemeStyle from "./init";
import getTheme from "./theme/components";
import variables from "./theme/variables/platform";
import Drawer from "./basic/Drawer";
import { SwipeRow } from "./basic/SwipeRow";
import { Text } from "./basic/Text";
bhakta@Bhaktas-MacBook-Pro:~/dev/react-native/astro/node_modules/native-base/src$ ls ./theme/
variables

I don't see components?

Screenshot of emulator/device

error: bundling failed: Error: Unable to resolve module ./theme/components from /Users/bhakta/dev/react-native/astro/node_modules/native-base/dist/src/index.js: The module ./theme/components could not be found from /Users/bhakta/dev/react-native/astro/node_modules/native-base/dist/src/index.js. Indeed, none of these files exist:

/Users/bhakta/dev/react-native/astro/node_modules/native-base/dist/src/theme/components(.native||.android.js|.native.js|.js|.android.json|.native.json|.json)
/Users/bhakta/dev/react-native/astro/node_modules/native-base/dist/src/theme/components/index(.native||.android.js|.native.js|.js|.android.json|.native.json|.json)
at ModuleResolver.resolveDependency (/Users/bhakta/dev/react-native/astro/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:311:1122)
at ResolutionRequest.resolveDependency (/Users/bhakta/dev/react-native/astro/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:96:16)
at DependencyGraph.resolveDependency (/Users/bhakta/dev/react-native/astro/node_modules/metro/src/node-haste/DependencyGraph.js:269:4352)
at /Users/bhakta/dev/react-native/astro/node_modules/metro/src/DeltaBundler/traverseDependencies.js:201:36
at Generator.next ()
at step (/Users/bhakta/dev/react-native/astro/node_modules/metro/src/DeltaBundler/traverseDependencies.js:256:306)
at /Users/bhakta/dev/react-native/astro/node_modules/metro/src/DeltaBundler/traverseDependencies.js:256:536
at new Promise ()
at /Users/bhakta/dev/react-native/astro/node_modules/metro/src/DeltaBundler/traverseDependencies.js:256:217
at addDependency (/Users/bhakta/dev/react-native/astro/node_modules/metro/src/DeltaBundler/traverseDependencies.js:256:92)
BUNDLE [android, dev] ./index.js ▓▓▓▓▓▓▓▓▓▓░░░░░░ 66.2% (656/806), failed.