如何正確更改 Expo 入口點？

Question

我想更改我的 expo 應用程序的入口點。 我已經嘗試了這些簡單的步驟：

首先，我創建了一個簡單的 expo 項目。

$ expo init test
$ cd test
$ rm App.js
$ mkdir src
$ touch src/App.js

我已更改基於 expo 的應用程序的 app.json 如下

{
    "expo": {
        ...,
        entryPoint: "./src/App.js",
        ...
    }
}

然后我填寫了 App.js 如下

import React from "react";
import { Text } from "react-native";

export default () => <Text>Hello World</Text>;

然而，第一次審判失敗了。 它只顯示了啟動畫面。

然后我編輯了 App.js 如下：

import React from "react";
import { Text } from "react-native";
import { registerRootComponent } from "expo";

const App = () => <Text>Hello World</Text>;

registerRootComponent(App);

我在屏幕上看到了“Hello World”文本。 但是，hotreloading 一直沒有工作。 然后我修改了 package.json 中的主要條目

"main": "./src/App.js",

這樣，熱重載在第二次保存動作中起作用。

我想知道

• 我如何解決熱重載問題（在第一次保存操作中）？
• app.json 的 entryPoint 和 package.json 的 main 字段有什么區別？

Answer 1

我建議你閱讀這篇文章：

https://docs.expo.dev/versions/latest/sdk/register-root-component/#what-if-i-want-to-name-my

並確保您重新啟動了整個開發過程