Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Unable to resolve module `./theme/components`

See original GitHub issue

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)

+ native-base@2.4.0
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 (<anonymous>) 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 (<anonymous>) 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.