callstack / callstack/react-native-paper

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

Đang mở
#3,525 7 bình luận 0 reaction 0 người được giao Xem trên GitHub
bug web
Ngôn ngữ chính
TypeScript
Star
14.5k
Fork
2.2k
Merge trung bình
5 ngày 23 giờ
Pull request đã merge (30 ngày)
12

Mô tả

### 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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Clone dự án love-death-react được liên kết và chạy npm run build để tái hiện lỗi. Bắt đầu với node_modules/react-native/Libraries/Utilities/codegenNativeComponent.js và cấu hình biên dịch web hoặc loader; hoàn tất khi phiên bản web biên dịch thành công mà không gặp lỗi phân tích module đã nêu.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
react-native, typescript, webpack
Lĩnh vực
build-system, frontend
Loại issue
Lỗi
Độ khó
4/5
Thời gian dự kiến
3-5 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Cần làm rõ
Mức phù hợp với người mới
28/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.