question-mark
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.

SearchBar still not working using "Bleeding Edge" Version

See original GitHub issue

So, im trying to get the searchbar to run, but reading all those issues about the searchbar it looks pretty broken.

When trying to install react-native elements via:

npm install https://github.com/react-native-elements/react-native-elements#dist

I can start my expo project but on loading the app, it results in this error crashing the app:

Unable to resolve module ./buttons/Button from <Filepath>\node_modules\react-native-elements\dist\index.js:

None of these files exist:
  * node_modules\react-native-elements\dist\buttons\Button(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
  * node_modules\react-native-elements\dist\buttons\Button\index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
> 1 | // UI references
  2 | // https://ionicframework.com/docs/components/#buttons
  3 | // https://material.io/guidelines/components/buttons.html#buttons-raised-buttons
  4 | // https://material.angularjs.org/latest/demo/button

Searchbar is implemented like this:

       headerRight: () => (
                        <View style={{flexDirection:"row"}}>
                            <SearchBar>
                            </SearchBar>
                        </View>
                    )

I noticed that the folder structure is different compared to version 3.4.2. Am I missing something? Except the one install code, the documentation has nothing more to offer.

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
arpitBhallacommented, Jul 3, 2021

Try reinstalling

0reactions
TheSilentHorizoncommented, Jul 21, 2021

@flyingcircle Tested it again, same error:

None of these files exist:
  * node_modules\react-native-elements\dist\buttons\Button(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
  * node_modules\react-native-elements\dist\buttons\Button\index(.native|.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json)
> 1 | // UI references
  2 | // https://ionicframework.com/docs/components/#buttons
  3 | // https://material.io/guidelines/components/buttons.html#buttons-raised-buttons
  4 | // https://material.angularjs.org/latest/demo/button
    at ModuleResolver.resolveDependency (C:\Users\Sebas\WebstormProjects\<Project>\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:168:15)
    at DependencyGraph.resolveDependency (C:\Users\Sebas\WebstormProjects\<Project>\node_modules\metro\src\node-haste\DependencyGraph.js:353:43)
    at Object.resolve (C:\Users\Sebas\WebstormProjects\<Project>\node_modules\metro\src\lib\transformHelpers.js:271:42)
    at resolve (C:\Users\Sebas\WebstormProjects\<Project>\node_modules\metro\src\DeltaBundler\traverseDependencies.js:571:33)
    at C:\Users\Sebas\WebstormProjects\<Project>\node_modules\metro\src\DeltaBundler\traverseDependencies.js:587:26
    at Array.reduce (<anonymous>)
    at resolveDependencies (C:\Users\Sebas\WebstormProjects\<Project>\node_modules\metro\src\DeltaBundler\traverseDependencies.js:586:33)
    at C:\Users\Sebas\WebstormProjects\<Project>\node_modules\metro\src\DeltaBundler\traverseDependencies.js:275:33
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (C:\Users\Sebas\WebstormProjects\<Project>\node_modules\metro\src\DeltaBundler\traverseDependencies.js:87:24)

I use npm instead of yarn, does that maybe make the difference?

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to fix broken Google search in the Chromium version of ...
An issue has recently popped up involving the Chromium version of Edge crashing when trying to use the address bar to search.
Read more >
Error Message when Search Bar in Edge and Google
I keep getting this error message when I open up Edge search bar and Google search bar. ... Do you have any input...
Read more >
Fix Missing Microsoft Edge, Search Bar, and Cortana Problems
Many reported that Microsoft Edge, Search Bar, and Cortana have gone missing. Well, this is no serious problem. In fact, it can be...
Read more >
Microsoft Edge search from address bar not working and ...
Hi, I have just installed Windows 10 and am playing with he new browser, Edge. ... The search from address bar feature is...
Read more >
Microsoft Edge shows two search bars (bug) - gHacks
The issue occurs both on stable versions of Windows 10 and Windows 10 ... You can see there is an extra search bar...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found