在Android的Web View上运行create-react-app的构建

Question

我想在Android的网络视图中运行create-react-app的构建。当我使用JavaScript和CSS运行一个简单的Web应用程序时，它运行正常。但是在尝试运行create-react-app时，我最终会出现一个空屏幕。

以下是我遵循的步骤：

1. 我使用以下命令创建反应应用程序：

   npm install -g create-react-app

   create-react-app my-app

2. 我使用：

   创建了构建文件

   npm run build

3. 我将build文件夹复制并粘贴到assets目录下的Android项目结构中。 The build files in my Android Project Structure

4. 我的主要活动代码：

   公共类MainActivity扩展了AppCompatActivity {

   {{1}}

   }

我最终在运行Android应用程序时出现空白屏幕。我做错了什么？

Answer 1

解决这两个问题

1. 使CRA建立相对路径，

   打开CRA项目的package.json，并在同一级别的"homepage": "."标记旁边添加"version"。

2. 在HashRouter中使用react-router。

   react-router，也就是说，如果您正在使用一个，则应该使用。我们通常使用BrowserRouter。 HashRouter毫无用处，建议not u use。但是，这种情况是使用HashRouter的最佳位置。

   ps。如果您需要更多说明或示例，请发表评论，我也会对其进行编辑和添加