callstack / callstack/react-native-paper

Fails to fine tune compilation react-native-paper, remotion & react-native-web

Ouverte
#3,525 7 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
bug 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

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.