import Swiper show error by using react-native-swiper

Question

I try to use swiper from this library https://github.com/leecade/react-native-swiper

Here is my dependencies:

"react": 16.3.1,
"react-native": "~0.55.2",
"react-native-swiper": "^1.5.13"

But when i just add this code import Swiper from 'react-native-swiper';

My component like:

import React, { Component } from 'react';
import { View, Text } from 'react-native';
import Swiper from 'react-native-swiper';

class Welcome extends Component {
  render() {
    return (
      <View>
        <Text>Welcome</Text>
      </View>
    );
  }
}

export default Welcome;

It will shows error even i don't use the <Swiper />

error:

Failed to load bundle

Check my terminal error shows:

error: bundling failed: Error: While trying to resolve module `react-native-swiper` from file `/Users/huaweb/ReactNativeProject/Huaweb/src/components/Welcome.js`, the package `/Users/huaweb/ReactNativeProject/Huaweb/node_modules/react-native-swiper/package.json` was successfully found. However, this package itself specifies a `main` module field that could not be resolved (`/Users/huaweb/ReactNativeProject/Huaweb/node_modules/react-native-swiper/index.js`. Indeed, none of these files exist:

I don't know what is However, this package itself specifies amainmodule field that could not be resolved

I can't figure it out. Is any thing i miss it ?

Any help would be appreciated, thanks in advance.

I upload the error image on my question. Take a look please~ — Morton, Jul 19 '18 at 06:59
I see, does your terminal give you same error or does it show further detail to your error? — SGhaleb, Jul 19 '18 at 07:03
Here are some solutions which may work for you https://github.com/facebook/react-native/issues/17685 — SGhaleb, Jul 19 '18 at 07:10
Thanks for your help , but i can't find how to fix my issue with this link and i update my terminal error information on my question. — Morton, Jul 19 '18 at 07:18
@徐博俊 did you try another react-native library? Eg: https://www.npmjs.com/package/react-native-swiper-flatlist — gusgard, Sep 19 '18 at 13:09

score 0 · Answer 1 · answered Apr 28 '21 at 15:01

0

In node_modules find the folder react-native-swiper and do so, It worked for me

replace :

module.exports = Swiper;
module.exports.default = Swiper;

by

export default Swiper
export {Swiper}

answered Apr 28 '21 at 15:01

Abubakar khalid

41
7

score 0 · Answer 2 · answered Sep 14 '22 at 10:01

0

try with:

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

answered Sep 14 '22 at 10:01

Sushil

103
1
8

import Swiper show error by using react-native-swiper

2 Answers2