Cannot find module

[rgbedin]

I am sorry if that seems like a silly thing to ask, but I have tried all sorts of things to make the import work with no success:

Cannot find module '@stream-io/flat-list-mvcp' or its corresponding type declarations. ts(2307)

I inspected the node_modules/@stream-io/flat-list-mvcp and all the files are there. I realized they are using a index.ios.tsx and index.android.tsx. Do I need any special configurations in my RN project to make it able to read those? I am currently using react-native: 0.63.3. Thank you!

[vishalnarkhede]

@rgbedin Is this only a typescript issue or are you not able to use FlatList at all from this package?

[rgbedin]

@vishalnarkhede It seems to be a Typescript issue; however it should be able to find the types. Are there any project-specific configurations (tsconfig.json) that I should be aware of? Thank you for your help!

[vishalnarkhede]

@rgbedin checking..

[vishalnarkhede]

@rgbedin fixed in v0.0.6

[rgbedin]

Thanks!

[jbernhardt23]

I'm facing this same issue, I'm not using Typescript and running "react-native": "~0.63.3. All files are there and I'm able to use the Flatlist component but for some reason the linter is complaining.

Version 0.10.1

[vishalnarkhede]

Let me take a look and get back :)

[jbernhardt23]

Let me take a look and get back :)

@vishalnarkhede any updates on this?

[vishalnarkhede]

@jbernhardt23 Unfortunately I am not able to reproduce this. Can you check if you can see this file?
node_modules/@stream-io/flat-list-mvcp/lib/typescript/src/index

[jbernhardt23]

@vishalnarkhede It is there. I also see that the following in the FlastList.android.d.ts

[jbernhardt23]

@vishalnarkhede Would it have something to do with the fact that my project is not using yarn ?

[jbernhardt23]

Hey @vishalnarkhede have you been able to look at this? Thanks

[roryabraham]

I'm running into a similar issue, but only in jest unit tests. react-native-bidirectional-infinite-scroll is rendering fine and I'm not seeing the error at runtime.

 FAIL  tests/unit/loginTest.js
  ● Test suite failed to run

    Cannot find module '@stream-io/flat-list-mvcp' from 'node_modules/react-native-bidirectional-infinite-scroll/lib/commonjs/BidirectionalFlatList.js'

    Require stack:
      node_modules/react-native-bidirectional-infinite-scroll/lib/commonjs/BidirectionalFlatList.js
      node_modules/react-native-bidirectional-infinite-scroll/lib/commonjs/index.js
      ...
      ...
      
     at Resolver.resolveModule (node_modules/jest-resolve/build/index.js:306:11)
     at Object.<anonymous> (node_modules/react-native-bidirectional-infinite-scroll/lib/commonjs/BidirectionalFlatList.tsx:10:1)

[jbernhardt23]

@roryabraham right, it works fine runtime but the unit tests

[pr4deep94]

Hi I am getting similar issue in expo web browser
./node_modules/react-native-bidirectional-infinite-scroll/lib/module/BidirectionalFlatList.js:10
Module not found: Can't resolve '@stream-io/flat-list-mvcp'

[Surinder1922]

Hi guys, I am also facing issue in unit tests can you please provide some solution . Many thanks in advance.

(Its working perfectly runtime)

Test suite failed to run

   Cannot find module '@stream-io/flat-list-mvcp' from 'node_modules/stream-chat-react-native/src/index.js'

   Require stack:
     node_modules/stream-chat-react-native/src/index.js

[Surinder1922]

I'm running into a similar issue, but only in jest unit tests. react-native-bidirectional-infinite-scroll is rendering fine and I'm not seeing the error at runtime.

 FAIL  tests/unit/loginTest.js
  ● Test suite failed to run

    Cannot find module '@stream-io/flat-list-mvcp' from 'node_modules/react-native-bidirectional-infinite-scroll/lib/commonjs/BidirectionalFlatList.js'

    Require stack:
      node_modules/react-native-bidirectional-infinite-scroll/lib/commonjs/BidirectionalFlatList.js
      node_modules/react-native-bidirectional-infinite-scroll/lib/commonjs/index.js
      ...
      ...
      
     at Resolver.resolveModule (node_modules/jest-resolve/build/index.js:306:11)
     at Object.<anonymous> (node_modules/react-native-bidirectional-infinite-scroll/lib/commonjs/BidirectionalFlatList.tsx:10:1)

Hey @rgbedin , Are you able to get any solution for it, I have tried various configuration by adding paths in jest config but nothing works.

[Maxim-Filimonov]

@Surinder1922 & @roryabraham do you have javascript only project? I have JS non TS project and facing the same issue with jest.

I have a feeling it has something to do with missing index.js file.

cat node_modules/@stream-io/flat-list-mvcp/package.json| grep main
"description": "maintainVisibleContentPosition support for Android react-native",
"main": "lib/commonjs/index",
ls node_modules/@stream-io/flat-list-mvcp/lib/commonjs
FlatList.android.js FlatList.js ScrollView.android.js ScrollView.js index.js.map useMvcpTuner.js.map
FlatList.android.js.map FlatList.js.map ScrollView.android.js.map ScrollView.js.map useMvcpTuner.js

EDIT:
After fiddling with the package found that build script has this line for some reason: rm lib/commonjs/index.js
After removing it and running build again managed to run jest without this issue.
Though a new one appears:

Invariant Violation: __fbBatchedBridgeConfig is not set, cannot invoke native modules

  at invariant (node_modules/@stream-io/flat-list-mvcp/node_modules/invariant/invariant.js:40:15)
  at Object.<anonymous> (node_modules/@stream-io/flat-list-mvcp/node_modules/react-native/Libraries/BatchedBridge/NativeModules.js:169:3)
  at Object.<anonymous> (node_modules/@stream-io/flat-list-mvcp/node_modules/react-native/Libraries/TurboModule/TurboModuleRegistry.js:13:23)

[gtcaras]

@Maxim-Filimonov you suggestion worked to resolve my import issues when running jest. I did not run into the new error you mentioned so that may be caused by another issue unrelated to the import itself.

[divonelnc]

Any idea on how to solve this with expo web?

[finalight]

i'm still facing this issues, any ideas?