Cannot assign to read only property 'exports' of object - error

[Ruta-Radiya]

Which OS ?

Windows

Version

Which versions are you using:

• react-native-swiper v?1.5.14
• react-native v0.?.?0.59.8

Expected behaviour

Basic swipe functionaly code works

Actual behaviour

Cannot assign to read only property 'exports' of object - error AvatarSelectionScreen_BasicSwipe.txt

How to reproduce it>

To help us, please fork this component, modify one example in examples folder to reproduce your issue and include link here.

Steps to reproduce

1. Create a react-native project.
2. Copy the below code from the github README import React, { Component } from 'react' import { AppRegistry, StyleSheet, Text, View } from 'react-native'

import Swiper from 'react-native-swiper'

const styles = StyleSheet.create({ wrapper: {}, slide1: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#9DD6EB' }, slide2: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#97CAE5' }, slide3: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#92BBD9' }, text: { color: '#fff', fontSize: 30, fontWeight: 'bold' } })

export default class SwiperComponent extends Component { render() { return (

Hello Swiper Beautiful And simple

)

} }

AppRegistry.registerComponent('myproject', () => SwiperComponent) 3.Modified as attached in AvatarSelectionScreen_BasicSwipte.txt

4. Yarn add react-native-swiper
5. Yarn start

[Ruta-Radiya]

RESOLVED, after spending hours !!! Changed: module.exports = Swiper line from react-native-swiper/index.js to export default Swiper;

[evie9z]

RESOLVED, after spending hours !!! Changed: module.exports = Swiper line from react-native-swiper/index.js to export default Swiper;

Thanks! Works for me.

[Makio64]

Have the same problem, it would be nice to be es6 syntax by default or having something like

if( module ) { module.export.. } else { export default .. }

Thanks for the awesome work ;)

[daredoes]

The solution that worked for me is import Swiper from 'react-native-swiper/src'.

The code for index.js simply exports the Swiper in src.

import Swiper from './src/'
/**
 * Resolve ES6 and CommonJS compatibility issues
 * 1. CommonJS code
 *    const Swiper = require('react-native-swiper');
 * 2. ES6 code
 *    import Swiper from 'react-native-swiper';
 */
module.exports = Swiper;
module.exports.default = Swiper;

[SKNAUSAD97]

RESOLVED, after spending hours !!! Changed: module.exports = Swiper line from react-native-swiper/index.js to export default Swiper;

Could not understand, can you please explain it again ?

[SKNAUSAD97]

The solution that worked for me is import Swiper from 'react-native-swiper/src'.

The code for index.js simply exports the Swiper in src.

import Swiper from './src/'
/**
 * Resolve ES6 and CommonJS compatibility issues
 * 1. CommonJS code
 *    const Swiper = require('react-native-swiper');
 * 2. ES6 code
 *    import Swiper from 'react-native-swiper';
 */
module.exports = Swiper;
module.exports.default = Swiper;

This works for me, Thank You derdoses.