无法查看本机反应

Question

我正在尝试使用 react-native 创建一个简单的应用程序以供平台独立使用，我正在使用 Webstorm IDE 进行测试。

现在这是我的项目结构：

HelloTest:
    |---node_modules
    |---src
    |     |---index.js
    |---package.json
    |package_lock.json

现在这是我的 index.js :

import React, { Component } from 'react';
import { Text, View } from 'react-native';

export default class HelloWorldApp extends Component {
  render() {
    return (
      <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
        <Text>Hello, world!</Text>
      </View>
    );
  }
}

而她是我的 package.json :

{
  "name": "HelloTest",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start"
  },
  "dependencies": {
    "node_module": "^0.0.0",
    "react-native": "^0.61.3"
  }
}

我正在使用 start，应用程序在 port:8081

开始运行 ]

我去那个地址，我得到的是：

**我没有得到任何预览，我该怎么办，我需要更改任何配置吗？ **

webstorm使用的命令是这样的：

E:\node\node.exe E:\node\node_modules\npm\bin\npx-cli.js --package react-native-cli react-native init HelloTest

Answer 1

您应该根据 documentation 使用命令 npx react-native init AwesomeProject 创建您的 React Native 项目。有许多用于本机反应的预配置，而且您还缺少一些包。请休假 React 本机文档。

Answer 2

要获得“预览”，您需要运行应用程序如下：

iOS: npx react-native run-ios
Android: npx react-native run-android

无法查看本机反应

can't view react native

javascript

universal

react-native