平谷网站建设公司,桂林北站官网,站长工具爱站网,优秀网站设计欣赏Write By Monkeyfly
以下内容均为原创#xff0c;如需转载请注明出处。
前提#xff1a;距离上次写博文已经过去了5年之久#xff0c;诸多原因导致的#xff0c;写一篇优质博文确实费时费力#xff0c;中间有其他更感兴趣的事要做#xff08;打游戏、旅游、逛街、看电影…Write By Monkeyfly
以下内容均为原创如需转载请注明出处。
前提距离上次写博文已经过去了5年之久诸多原因导致的写一篇优质博文确实费时费力中间有其他更感兴趣的事要做打游戏、旅游、逛街、看电影、剪辑等再加上总是感觉属于自己的时间很少所以一有时间就去做自己想做的事了。不管怎么说本质还是松懈和懒惰的问题。再次“提笔重写”一是因为目前处于离职状态时间充裕二是最近刚开始学 React Native想以初学者的心态记录一下刚上手遇到的一些问题。
本人学习入口 React Native 官方英文文档Get Started with React NativeExpo 官方英文文档 Get started creating apps with Expo 根据官网教程使用官方推荐的 React Native 框架 Expo 进行初次上手体验直接从创建一个全新的 RN 项目开始。
# 使用 Expo 启动一个新的 React Native 项目命令行直接执行即可
npx create-expo-applatest问题会持续更新…
1、npx create-expo-applatest 命令执行报错1
问题 request to xxx failed, reason: certificate has expired 镜像请求失败证书已过期 生词 certificate 英[səˈtɪfɪkeɪt] n.证书 问题定位 npx create-expo-applatest 命令执行时的版本信息
node 16.15.0npm8.5.5 解决方法 在百度根据关键词 certificate has expired 检索的答案或者用这个关键词 关于npm安装淘宝镜像证书过期问题
#取消ssl验证设置后问题解决了
npm config set strict-ssl false2、npx create-expo-applatest 命令执行报错2
问题Unsupported engine提示 node 版本过低也是执行 npx create-expo-applatest 命令时遇到的报错。 问题分析应该安装哪个版本的 node根据上图提示只要版本18.13.0 都可以
传送门Expo 官方文档 - Learn how to create a new Expo project.
问题定位 显而易见首先需要 LTS 版本的 node。然后就涉及到多版本 node 的管理问题直接百度搜索关键词mac node 版本管理给出的答案可以使用 nvmNode Version Manager来轻松切换和安装多个Node.js版本。
解决升级并使用 LTS 的 node 版本然后重新运行创建工程的命令。
然后在百度搜一下 nvm 的用法注电脑之前已经安装了 nvm只需要安装一下最新稳定版的 node 即可没有的 nvm话需要自行安装。 做法直接执行安装命令 nvm install --lts安装完成后当前使用的 node 版本会自动切换到已安装版本无需再执行 nvm use version 命令进行手动切换。
基本用法
# 查看 nvm 版本
nvm -v
# 当不知道 nvm 命令用法时
nvm --help
# 查看已安装的 node 版本
nvm ls
# 安装指定版本的 node
nvm install version
# 卸载指定版本的 node
nvm uninstall version
# 切换 node 版本
nvm use version
# 查看当前激活的 node 版本
nvm current常用命令的说明样例
Example:nvm install 8.0.0 Install a specific version numbernvm use 8.0 Use the latest available 8.0.x releasenvm run 6.10.3 app.js Run app.js using node 6.10.3nvm exec 4.8.3 node app.js Run node app.js with the PATH pointing to node 4.8.3nvm alias default 8.1.0 Set default node version on a shellnvm alias default node Always default to the latest available node version on a shellnvm install node Install the latest available versionnvm use node Use the latest versionnvm install --lts Install the latest LTS versionnvm use --lts Use the latest LTS version注一开始用下面这个命令就是因为不知道怎么安装最新 LTS 版本的 node想的是分两步操作先找到对应版本然后再安装。
# 列出可供安装的远程版本从列表中找到 最新的 LTS 版本不建议
nvm ls-remote# 然后安装最新的 LTS 版本的 node
nvm install 20.16.0
# 当时其实完全可以用下面这个命令代替【强烈建议】
nvm install --lts注本来新版 node 安装完成后不需要手动执行下面2行命令进行版本切换因为一开始并不知道安装完以后node 版本会自动切换 至此node 版本切换成功安装报错的问题解决。
注意 该问题也是后面多开命令行窗口才发现的nvm use 命令只能用于临时切换到指定的 node 版本切换只在当前窗口生效关闭窗口后切换失效。
# 永久切换切换后的 node 版本在所有窗口中都生效。
# 这样设置后每次启动新的 shell 时都会默认使用这个版本。
nvm alias default version3、npx expo start 命令启动本地开发服务器时报错
问题报错信息TypeError: Invalid character in header content [X-React-Native-Project-Root]百度了一下说是路径中包含中文导致的。
首先说一下为什么会遇到这个问题因为我在配置环境时选择的开发方式是 Expo Go如下图所示但限制就是必须要下载该软件为什么选它根据文中的介绍想快速试用体验一下 ExpoExpo Go 是一个非常适合快速测试 Expo 的沙盒但不适用于长期项目在【没有自定义原生模块】的受限沙盒中尝试应用开发。
Expo Go 的缺点安卓要从 Google Play Store(谷歌应用商店) 下载iOS 需要从 App Store 下载国内的网络环境肯定无法直接下载要通过其他方式绕过限制进行下载稍微麻烦一些。经过一番折腾最终是下载下来了用起来还挺方便。
另外一种开发方式开发构建自己的 app后续再尝试一下。 它的特点
使用开发者工具构建自己的 app支持自定义原生模块适用于生产项目 传送门Expo Docs-Set up your environment
问题定位果不其然有个文件夹的名称是中文xxx前端。以后还是项目尽量不要放在中文命名的子目录下。 解决方法换个文件夹重新执行一遍创建项目的过程问题解决了。 Expo Go 软件使用截图
