Open omarsaade opened 5 months ago
This is my code :
import React, {useEffect, useState} from 'react'; import {Platform, View, Text, Button} from 'react-native'; import RNSimpleOpenvpn, { addVpnStateListener, removeVpnStateListener, } from 'react-native-simple-openvpn'; const isIPhone = Platform.OS === 'ios'; const App = () => { const [vpnStatus, setVpnStatus] = useState('Disconnected'); useEffect(() => { async function observeVpn() { if (isIPhone) { await RNSimpleOpenvpn.observeState(); } addVpnStateListener(e => { // Update VPN status setVpnStatus(e.state); }); } observeVpn(); return async () => { if (isIPhone) { await RNSimpleOpenvpn.stopObserveState(); } removeVpnStateListener(); }; }, []); async function startOvpn() { try { await RNSimpleOpenvpn.connect({ remoteAddress: '192.168.1.1 3000', ovpnFileName: 'client', assetsPath: 'ovpn/', providerBundleIdentifier: 'com.example.RNSimpleOvpnTest.NEOpenVPN', localizedDescription: 'RNSimpleOvpn', }); } catch (error) { console.error('Error connecting to VPN:', error); } } async function stopOvpn() { try { await RNSimpleOpenvpn.disconnect(); } catch (error) { console.error('Error disconnecting from VPN:', error); } } return ( <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}> <Text>VPN Status: {vpnStatus}</Text> <Button title="Connect" onPress={startOvpn} /> <Button title="Disconnect" onPress={stopOvpn} /> </View> ); }; export default App;
And this is the error it returns. Note that I'm not an expert in VPN or these services. Can someone help me understand how to continue and how to solve this error "Error connecting to VPN: [Error: Prepare VPN failed]"? What am I missing?
Environment:
Please fill in the Environment information and upload the screenshot of the error.
This is my code :
And this is the error it returns. Note that I'm not an expert in VPN or these services. Can someone help me understand how to continue and how to solve this error "Error connecting to VPN: [Error: Prepare VPN failed]"? What am I missing?
Environment: