返回

跌坑不断之React Native创建特定版本项目

前端

前言
最近一段时间一直在写 RN 的项目,期间遇到了挺多的坑,然后想着记录一下填坑的过程(想看答案的小伙伴可以忽略我的心厉路程,直接跳到结尾总结处)。

step 1. 我竟然偷偷的给自己挖了个坑?

于是乎,第一步,赶紧新建一个demo,飞快地在 terminal 中输入 react n…

敲着敲着就觉得不太对了,咦,我输入的命令咋和网上的不一样呢?之前不是应该输 react-native init xxx 吗?

一查官方文档,哦吼,人家确实已经把 init 命令移除了,换成了 npx react-native init xxx。

step 2. 坑娃坑爹的环境问题

npx 也装好了,然后大摇大摆地把命令行输入,稳。

但是悲剧总是来的那么快,你以为这就完了吗?我输入命令后就开始了漫长的等待,二十分钟过去了,半小时过去了,一个小时过去了,你仿佛看到了自己程序员职业生涯的尽头。

再一顿查资料才发现,原来是没有安装 watchman,那怎么办?那就装呗。

一通操作后,总算是安装成功了,然后信心满满地再次运行 npx react-native init xxx。

满心期待,等啊等,又是一个小时过去了,人麻了。

然后,再查资料,哦,这次是 Linux 默认的防火墙的问题,关了防火墙之后才解决的。

step 3. 躲得过初一躲不过十五的版本问题

经过前面两步,终于进入了项目创建的步骤。但是很快就被提示 npx: installed 225 in 84.531s ,他给了我两个选择:最新的版本还是一个老旧的版本。

这里千万不要选择新版本,我就是在这里翻车了,选择后就进入了漫长而漫长的等待,然后就死在那里了。然后我就选择了这个旧的版本,至少是可以正常创建项目的。

step 4. yarn and npm傻傻分不清楚

创建完项目后,当然就是 npm install 啦,但是刚一运行我就看到了报错,提示找不到这个指令。然后我才想起来,用的是 yarn,不是 npm。

就在我准备修改 package.json 文件的时候,猛然发现根本不需要改,神奇的是两个都能用,这里也不多解释了,我想应该是什么高大上的知识吧,不太懂。

step 5. 又见防火墙

npm install 完之后,就是 npm start,又报错, diesmal 也是防火墙的问题,关掉防火墙后,项目就运行起来了。

一路坑坑洼洼,最终完成了项目的创建,但中间的曲折,着实让我唏嘘不已。

结语

本文总结了我在创建 React Native 项目时遇到的几个常见问题,希望能够对大家有所帮助。在创建项目时,大家一定要注意以下几点:

  1. 选择正确的 React Native 版本。 最新的版本可能存在一些问题,而旧版本可能已经不安全了。
  2. 安装必要的依赖项。 比如 watchman、yarn 等。
  3. 检查防火墙设置。 防火墙可能会阻止 React Native 项目的创建和运行。
  4. 使用正确的命令。 react-native init xxx 的命令已经移除了,现在应该使用 npx react-native init xxx。

希望这些经验能够帮助大家避免在创建 React Native 项目时遇到同样的问题。