Attempted import error: 'Swiper' is not exported from 'react-native-swiper'.

[Makio64]

Which OS ?

Web expo

Version

Which versions are you using:

• react-native-swiper v1.6
• react-native v0.62

Expected behaviour

No import problem

Actual behaviour

Attempted import error: 'Swiper' is not exported from 'react-native-swiper'.

How to reproduce it>

create new expo project add swiper somewhere

How to fix it>

replace : module.exports = Swiper; module.exports.default = Swiper; by export default Swiper export {Swiper}

[lennonprado]

try with:

import Swiper from 'react-native-swiper/src';

[dongdyang]

same here.

[daxfrost]

try with:

import Swiper from 'react-native-swiper/src';

this works, but is a hacky work around as it shows an issue in TypeScript compiler.

[ferolo3000]

I got the same error: Attempted import error: 'react-native-swiper' does not contain a default export (imported as 'Swiper').

[rajkundu]

It seems that this issue has already been fixed by OP (thank you!)... is there a reason it hasn't been merged?

[mvltivitamin]

Please publish the fix...

[joaocdvr]

try with:

import Swiper from 'react-native-swiper/src';

this works, but is a hacky work around as it shows an issue in TypeScript compiler.

For now you could also just add this to one of your .d.ts files:

declare module 'react-native-swiper/src' {
  import Swiper from 'react-native-swiper'
  export default Swiper
}

[natainditama]

try with: import Swiper from 'react-native-swiper/src';

this works, but is a hacky work around as it shows an issue in TypeScript compiler.

For now you could also just add this to one of your .d.ts files:

declare module 'react-native-swiper/src' {
  import Swiper from 'react-native-swiper'
  export default Swiper
}

That's great! I'm glad to see that this actually works!