自学内容网 自学内容网

react-native-Windows配置

一:官网:

React Native for Windows + macOS · Build native Windows & macOS apps with Javascript and React

二:安装依赖

需要以管理员身份运行powershell,然后粘贴下面代码,注意:要安装淘宝镜像,要翻墙,不然下不下来。

Set-ExecutionPolicy Unrestricted -Scope Process -Force;
iex (New-Object System.Net.WebClient).DownloadString('https://aka.ms/rnw-vs2022-deps.ps1');

一路yes就可以了,注意:visual studio community需要额外勾选几个包,不然后面项目跑不起来,报错。如下,进入visual studio installer点击修改,在工作负荷下选中修改就行了。下载时间蛮长的。

二:新建react-native项目

注意:项目路径不可以有中文,不然后面运行又报错。

创建react-native项目,起个喜欢的名字,然后进入项目目录。

npx --yes @react-native-community/cli@next init demo --version "latest"
cd demo

三:适应react native Windows

建议使用yarn安装,不建议写死版本,依次输入以下代码。

yarn add react-native-windows
npx react-native init-windows --overwrite

四:运行代码

这里只分享最基本的,直接运行,第一次运行会花费一些时间。

npx react-native run-windows

五:常见错误。

详见步骤二,或者评论区留言。


原文地址:https://blog.csdn.net/qq_48161632/article/details/142635982

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!