callstack / callstack/react-native-paper

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

未关闭
#3,525 7 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
bug web
主要语言
TypeScript
星标
14.5k
派生
2.2k
平均合并
5 天 23 小时
30 天内合并 PR
12

描述

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

贡献指南

打开贡献指南

调研方向

克隆链接的 love-death-react 项目并运行 npm run build 以复现失败。先从 node_modules/react-native/Libraries/Utilities/codegenNativeComponent.js 以及 Web 编译或 loader 配置入手;当 Web 版本能够成功编译且不再出现报告的模块解析错误时,即表示完成。

由索引模型根据 Issue 内容生成。

评估

技术栈
react-native, typescript, webpack
领域
build-system, frontend
Issue 类型
缺陷
难度
4/5
预计耗时
3-5 天
活跃度
停滞
描述清晰度
需要澄清
新手友好度
28/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。