问题标签 [react-native-web]

我正在基于 github 上的这个入门项目模板，使用 React Native for Web、Typescript 和 Nativebase UI 库为 web、ios 和 android 开发一个 React Native 应用程序。

https://github.com/ethanneff/react-native-web-typescript

问题是当我运行命令 yarn web 时出现以下错误：

这是 package.json

这是 src\index.tsx

这是 src\containers\App\index.tsx

我正在尝试录制音频文件并使用 fetch 发送它。下面是我用来记录的代码，但我不知道如何发送文件。

该文件是使用浏览器记录的，所以 react-native-web。

如果有人有另一种使用 react-native-web 录制并使用 fetch 发送的方式，请告诉我

导入在 .JS 文件中使用 JSX 语法的模块时出现 SyntaxError。

这方面的一个例子是“反应导航”

下面是我的 babel 配置：

希望有人知道发生了什么

谢谢 ：）

我希望https://github.com/xgfe/react-native-datepicker与 react-native-web 一起使用，但我认为它不兼容。

是否有其他库提供与图像兼容的本机日期选择器外观react-native-web？

我在 react native 中使用 webview 来显示 html 内容。有时 html 包含可以渲染视频的 iframe。但默认情况下，当我在视频中触摸全屏选项时

下面是我的 HTML 示例，其中包含视频

When I use react-native-web , my App entry looks like the following

I wonder how I can pass props to the root Component in this case Advertiser in this case in a web environment.

我最近更新了我的 react-native-web 项目以使用更新的 react native 版本来使用更新的 expo 版本。

在 npm 的帮助下，我现在在 ios 和 android 上运行了一个功能齐全的更新代码。

但是，我仍然很难在 webpack 上运行它，并且存在与需要更新到更高版本（2 -> 3or4）的 webpack 相关的不同问题（据我所知）。

在这个过程中，我发现很难将正确的 webpack 版本与正确的 dev-server 和 cli 匹配。

这是我的 package.json

现在我想知道并理解我应该在网络方面进行哪些更改，以使我的 yarn run 网络脚本再次工作，基本上。

谢谢大家。

这是一个我无法弄清楚的问题:)

我正在构建一个多平台原生+网络应用程序，一切都很好。但在某些时候，我不得不添加 react-navigation v3，它应该是 web 兼容的。

由于某些原因，一些本机反应require失败：

所以BoundingDimensionsandTouchable都在同一个目录中，但是const BoundingDimensions = require('BoundingDimensions');react-native 包中的那个失败了。为什么 ？

请注意，我现在也遇到了一些警告：

语境：

套餐

```

网页包

``` const path = require('path'); 常量 webpack = require('webpack');

我在 React 本机 WEB 项目中集成 React 导航时遇到了很多困难。

我在云沙箱中创建了一个带有 react native web 和 react 导航的迷你项目，一切都按预期工作。

请看一下，我没有使用最新的反应导航，但我之前尝试过最新的（在 API 更改时更新代码），它工作正常。

React Native web 在沙盒中运行

我已经完全按照原样克隆了这个项目，安装了所有依赖项并尝试了不同版本的 React Native Web、Webpack（版本 3 和 4）、babel（版本 6 和 7）和最新的 React Navigation（版本 3+）。我无法让它在本地主机上运行，​​错误是：

在 React Navigation 版本 1.5.8 和最新版本上的类似错误。但它在沙盒中运行良好。

是否有人熟悉这种类型的设置以及为什么完全相同的代码在 localhost 上不起作用？

我还尝试在根目录中创建一个 webpack.config.js 并按照一些建议更改配置，但没有运气。

您可以克隆这个与沙箱完全相同的存储库并亲自查看。

克隆这个 Github 仓库

请任何帮助将不胜感激

使用 react-native-web 时，NetInfo 适用于 Android 和 iOS，但不适用于 web。

为了确认为 Web 运行的代码与 Android 相同，我登录控制台，componentDidMountAndroid 和 Web 都显示文本。然而，这些事件似乎不适用于网络版本。

我希望，基于 NetInfo 适用于 web 和 Android 的文档。如果没有，请有人提供一种方法来做到这一点。