Unable to resolve module
[Error: undefined Unable to resolve module ../adapters/qrcode from C:\Users\User\Documents\SaaS Products\kobble\node_modules\react-native-qrcode-styled\src\hooks\useQRCodeData.ts:
None of these files exist:
- node_modules\react-native-qrcode-styled\src\adapters\qrcode(.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx|.ios.mjs|.native.mjs|.mjs|.ios.js|.native.js|.js|.ios.jsx|.native.jsx|.jsx|.ios.json|.native.json|.json|.ios.cjs|.native.cjs|.cjs|.ios.scss|.native.scss|.scss|.ios.sass|.native.sass|.sass|.ios.css|.native.css|.css)
- node_modules\react-native-qrcode-styled\src\adapters\qrcode\index(.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx|.ios.mjs|.native.mjs|.mjs|.ios.js|.native.js|.js|.ios.jsx|.native.jsx|.jsx|.ios.json|.native.json|.json|.ios.cjs|.native.cjs|.cjs|.ios.scss|.native.scss|.scss|.ios.sass|.native.sass|.sass|.ios.css|.native.css|.css) 2 | 3 | import type { BitMatrix } from '../types';
4 | import { createQRCode, QRCodeMessage, QRCodeOptions } from '../adapters/qrcode'; | ^ 5 | import { consoleError } from '../helpers'; 6 | 7 | export default function useQRCodeData(] ERROR [Error: undefined Unable to resolve module ../adapters/qrcode from C:\Users\User\Documents\SaaS Products\kobble\node_modules\react-native-qrcode-styled\src\hooks\useQRCodeData.ts:
None of these files exist:
- node_modules\react-native-qrcode-styled\src\adapters\qrcode(.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.mjs|.native.mjs|.mjs|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json|.android.cjs|.native.cjs|.cjs|.android.scss|.native.scss|.scss|.android.sass|.native.sass|.sass|.android.css|.native.css|.css)
- node_modules\react-native-qrcode-styled\src\adapters\qrcode\index(.android.ts|.native.ts|.ts|.android.tsx|.native.tsx|.tsx|.android.mjs|.native.mjs|.mjs|.android.js|.native.js|.js|.android.jsx|.native.jsx|.jsx|.android.json|.native.json|.json|.android.cjs|.native.cjs|.cjs|.android.scss|.native.scss|.scss|.android.sass|.native.sass|.sass|.android.css|.native.css|.css) 2 | 3 | import type { BitMatrix } from '../types';
4 | import { createQRCode, QRCodeMessage, QRCodeOptions } from '../adapters/qrcode'; | ^ 5 | import { consoleError } from '../helpers'; 6 | 7 | export default function useQRCodeData(]
I'm getting this error as I install the library and implement one of the examples.
this is my code:
import { View, Text } from 'react-native' import React from 'react' import { StyleSheet } from 'react-native'; import QRCodeStyled from 'react-native-qrcode-styled'; const Qrcode = () => { return ( <QRCodeStyled data={'Custom Corners'} style={styles.svg} padding={20} pieceSize={8} pieceBorderRadius={4} gradient={{ type: 'radial', options: { center: [0.5, 0.5], radius: [1, 1], colors: ['#ff7bc6', '#0f0080'], locations: [0, 1], }, }} outerEyesOptions={{ topLeft: { borderRadius: [20, 20, 0, 20], }, topRight: { borderRadius: [20, 20, 20], }, bottomLeft: { borderRadius: [20, 0, 20, 20], }, }} innerEyesOptions={{ borderRadius: 12, scale: 0.85, }} /> ) }
export default Qrcode
const styles = StyleSheet.create({ svg: { backgroundColor: 'white', borderRadius: 36, overflow: 'hidden', }, });
I'm also getting this, any update?