无法查看本机反应

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

上运行

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

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

使用的网络风暴命令是这个：

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

Answer 1

您应根据npx react-native init AwesomeProject使用命令documentation创建您的react native项目。有很多用于本机响应的预配置，而且您缺少一些软件包。请不要使用本机文档。