Javascript can';t查看反应本机
我正在尝试使用react native创建一个简单的应用程序,用于独立于平台的使用,我正在使用Webstorm IDE进行测试 下面是我的项目结构:Javascript can';t查看反应本机,javascript,react-native,universal,Javascript,React Native,Universal,我正在尝试使用react native创建一个简单的应用程序,用于独立于平台的使用,我正在使用Webstorm IDE进行测试 下面是我的项目结构: HelloTest: |---node_modules |---src | |---index.js |---package.json |package_lock.json 下面是我的index.js: import React, { Component } from 'react'; import
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>
);
}
}
我使用的是start,应用程序从端口8081开始运行
我去了那个地址,我得到的是:
**我没有得到任何预览,我应该怎么做,我需要更改任何配置吗**
使用的命令webstorm如下所示:
E:\node\node.exe E:\node\node\u modules\npm\bin\npx-cli.js——package react native cli react native init HelloTest
您应该使用命令npx react native init AwesomeProject创建您的react native项目。react native有许多预配置,而且您缺少几个包。请暂停react本机文档。您应该使用命令npx react native init AwesomeProject创建您的react本机项目。react native有许多预配置,而且您缺少几个包。请暂停react本机文档。要获得“预览”,您需要按如下方式运行应用程序:
- iOS:
npx反应本机运行iOS
- Android:
npx react本机运行Android
要获得“预览”,您需要按如下方式运行应用程序:
- iOS:
npx反应本机运行iOS
- Android:
npx react本机运行Android
一切正常,只是我输入了react native run android
,而不是npx react native run android
yap。他们改变了命令的一些方面,当我在几个月后开始使用旧命令进行react native时,我也感到困惑。一切都很好,只是我输入了react native run android
,而不是npx react native run android
yap。他们改变了命令的一些方面,当我在几个月后开始使用旧命令进行react native时,我也感到困惑。
{
"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"
}
}