callstack / callstack/react-native-paper
Fails to fine tune compilation react-native-paper, remotion & react-native-web
- Langage dominant
- TypeScript
- Étoiles
- 14.5k
- Forks
- 2.2k
- Merge moyen
- 5 j 23 h
- PR mergées (30 j)
- 12
Description
### Current behaviour
react-natie-web & remotion setup fails to compile web version.
### Expected behaviour
Compiling nicely.
### How to reproduce?
1. Clone https://github.com/RohovDmytro/love-death-react
2. npm run build
### Preview
No screenshots.
### What have you tried so far?
I've followed the react-native-paper web guide and different variations of loaders, but still no success.
It does not work both with expo or without.
What I find strange is I do make a swap of react-native & react-native-web, but the error still persists with react-native files.
My 'uneducated guess' is react-native-paper somehow manages to load react-native files dynamically and they do not get swapped during compilation process. Not sure though.
```
3000
ERROR in ./node_modules/react-native/Libraries/Utilities/codegenNativeComponent.js 14:12
Module parse failed: Unexpected token (14:12)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|
| import requireNativeComponent from '../../Libraries/ReactNative/requireNativeComponent';
> import type {HostComponent} from '../../Libraries/Renderer/shims/ReactNativeTypes';
| import UIManager from '../ReactNative/UIManager';
```
### Your Environment
| software | version
| --------------------- | -------
| ios | x
| android | x
| react-native | 0.70.5
| react-native-paper | 5.0.0
| node | 16.16.0
| npm or yarn | x.x.x
| expo sdk | x.x.x
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Clone the linked love-death-react project and run npm run build to reproduce the failure. Start with node_modules/react-native/Libraries/Utilities/codegenNativeComponent.js and the web compilation or loader configuration; done means the web version compiles successfully without the reported module parse error.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- react-native, typescript, webpack
- Domaine
- build-system, frontend
- Type d'issue
- Bug
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Activité
- À l'abandon
- Clarté
- À clarifier
- Accessibilité débutants
- 28/100