callstack / callstack/react-native-paper
Fails to fine tune compilation react-native-paper, remotion & react-native-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
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