首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

react-native找不到存在的node_modules。这可能只在我使用yarn工作区时发生

问题描述: 当使用yarn工作区时,react-native找不到存在的node_modules。

解决方案:

  1. 确保你已经正确安装了yarn,并且在项目根目录下运行了yarn install命令,以安装所有依赖项。
  2. 确保你的项目根目录下存在一个有效的package.json文件,并且其中包含了所有需要的依赖项。
  3. 检查你的项目根目录下是否存在一个node_modules文件夹,如果不存在,可以尝试运行yarn install命令来安装依赖项。
  4. 如果node_modules文件夹存在,但是react-native仍然找不到依赖项,可以尝试删除node_modules文件夹,并重新运行yarn install命令来重新安装依赖项。
  5. 确保你的项目根目录下的package.json文件中的依赖项版本与你的react-native版本兼容。可以查看react-native官方文档或社区论坛来获取相关信息。
  6. 如果以上步骤都没有解决问题,可以尝试运行yarn cache clean命令来清除yarn的缓存,然后重新运行yarn install命令来安装依赖项。

注意事项:

  • 在使用yarn工作区时,确保你的项目根目录下存在一个有效的yarn.lock文件,该文件记录了所有依赖项的版本信息。
  • 如果你的项目使用了多个工作区,确保每个工作区的package.json文件中的依赖项都正确配置,并且每个工作区都有自己的node_modules文件夹。

推荐的腾讯云相关产品: 腾讯云提供了一系列与云计算相关的产品和服务,以下是一些推荐的产品和对应的介绍链接:

  1. 云服务器(CVM):提供弹性计算能力,支持多种操作系统,适用于各种应用场景。了解更多:云服务器产品介绍
  2. 云数据库 MySQL 版(CDB):提供高可用、可扩展的关系型数据库服务,适用于各种规模的应用。了解更多:云数据库 MySQL 版产品介绍
  3. 腾讯云对象存储(COS):提供安全、稳定、低成本的云端存储服务,适用于存储和管理各种类型的数据。了解更多:腾讯云对象存储产品介绍
  4. 人工智能机器学习平台(AI Lab):提供丰富的人工智能算法和模型,帮助开发者快速构建和部署人工智能应用。了解更多:人工智能机器学习平台产品介绍

请注意,以上推荐的产品和链接仅供参考,具体选择和使用需根据实际需求进行评估和决策。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

React Native移植原生Android

(一)前言 之前已经写过了有关React Native移植原生Android项目的文章,不过因为RN版本更新原因吧,跟着以前文章可能会出现一些问题,对于初学者来讲还是会有很多疑难困惑,而且官方文档移植没有更新...(二)前提准备工作 ①.首先我们有一个采用Gradle构建Android应用项目,这个大家直接采用Android Studio进行创建一个项目即可。...这边新建一个目录TestInte,然后采用Android Studio创建一个android项目该文件夹下面。具体如下: ?...②.电脑必须安装Node.js,具体安装使用方法(点击进入) (三)Android项目相关配置 2.1 我们Android项目的build.gradle中添加React Native依赖,然后同步,具体代码如下...【注意事项】.感谢热心童鞋回复,大家可能会遇到评论找不到.so文件问题 具体解决方案:http://www.jianshu.com/p/67c574236e8f 解决方案方案: 找不到.so 库错误

1.5K70

RN集成到现有原生应用-swift

"0.0.1", "private": true, "scripts": { "start": "yarn react-native start" } } 3、安装React、React...Native模块 接下来我们使用 yarn 或 npm(两者都是 node 包管理器)来安装 React 和 React Native 模块。...请打开一个终端/命令提示行,进入到项目目录中(即包含有 package.json 文件目录),然后运行下列命令来安装: $ yarn add react-native 这样默认会安装最新版本 React...如果你使用多个第三方依赖,可能这些第三方各自要求 react 版本有所冲突,此时应优先满足react-native所需要react版本。其他第三方能用则用,不能用则只能考虑选择其他库。...把node_modules/目录记录到.gitignore文件中(即不上传到版本控制系统,保留在本地)。

1.9K20

react-native添加react-native-vector-icons插件android遇到问题

问题 yarn add react-native-vector-icons后图省事使用react-native link来添加native配置,结果run时报错。...:+" // From node_modules + compile project(':react-native-vector-icons') } link可能会有问题,最稳健还是插件文档中提到手动方式...解决 上网找了原因可能react-native0.52.0之后版本bug问题(使用是0.53.3)。...项目根目录命令行使用命令rm ./node_modules/react-native/local-cli/core/__fixtures__/files/package.json更快哦。...注意 删除文件解决办法可能会出现每次run都出现这个问题 更好解决 项目根目录创建rn-cli.config.js文件,在里面添加如下代码: const blacklist = require

1.3K40

🧭 React Native 版本升级指南

Android 项目配置主要由 3 个文件控制,升级冲突较多也是 3 个文件: settings.gradle:用来指示 Gradle 构建应用时应将哪些模块包含在内 build.gradle...迁移到 AndroidX,方便后续升级与更新 React Native 一些第三方包会自动链接,不再需要手动使用 react-native link * 了 0.60 升级一定要有耐心,不可能一次性成功...可能对这个组件实现不太满意,官方 0.60 里删除了这个组件。.../node_modules/* 使用 CocoaPods 后路径发生了变化,变成了 $(PODS_CONFIGURATION_BUILD_DIR)/* 当时这个变化卡了一天,而且这个变化是 project.pbxproj...AndroidX 概览 迁移到 AndroidX Android AndroidX 迁移 迁移工作主要是修改 import 路径,工作可能有些大,但心理负担较小,本质上就是改了个名字,问题不大。

4K20

Flutter正在悄悄击败React-Native

学习flutter成本在于使用dart语言,其实成本也不算很高,只是放在身上去学习,性价比不高 flutter国内标杆产品周边朋友反馈普遍存在一些体验上和交互上、兼容性问题 由于需要快速兑现试错...,最终选择react-native作为技术栈选型 一个产品初期,应该快速兑现产品需求,看市场响应如何再做下一步打算 react-native环境搭建(mac电脑) 准备工作 brew install...,但是你们不一定 以前很排斥Flutter,但是事到如今,我们用数据说话,它已经被大众接受,而且可能范围比react-native更广,如果条件允许,你们可以使用flutter 顺便说一点 不要学我...,一上服务器就失败,找不到文件名啊~ 那是你大小写不规范,不同操作系统规则不一样,最终构建结果也不一样,所以推荐使用react-native这种来命令,而不是大小写 题外话 react-native...vue作者,并不冲突

1.1K40

React Native初探--从安装运行首个app到填坑指南

【注意】通过msi安装yarn并不会覆盖通过npm安装yarn,两者同时存在。卸载的话,也是分开卸载。...版本号,使用命令: react-native --version 图示如下,当前react-native-cli版本号为2.0.1: ?...使用全局设置命令 3、找到node.js安装目录,进入nodejs\node_modules\npm找到文件npmrc,打开后该文件末尾加上 registry = https://registry.npm.taobao.org...创建项目 (二)手动打开安卓模拟器 可以使用脚本打开, (二)编译并运行 React Native 应用 刚创建rn项目根目录,打开命令行,输入react-native run-android命令,...是AS3.1.3,gradle构建成功,但是命令行执行react-native run-android命令一直报各种错,问了别人也找不到解决方案,可能是RN对高版本AS工具以及高版本gradle

1.7K30

NPM 7:这才算是真正更新

请注意,并不是一个全新概念,其他包管理器(例如 Yarn 和 pnpm)已经有了自己工作实现。因此,你可以说这只是官方一个工作版本而已。 这是什么?...并且由于新版客户端可以感知工作,因此它会正确安装依赖项,而不会复制那些通用依赖。 使用其他包管理器这个功能也非常有用。例如,可以单个 NPM 工作中管理多个项目之间共享一个 Bit 组件。...你需要工作吗? 好吧,如果你正在处理是单个项目,或者是一些互不相关项目,那么工作可能对你来说并没什么用途。它们需求可能会随时改变,结果让工作带来好处烟消云散。...但是,如果你参与团队中多个相关项目(也许你正在设计一个基于微服务架构),那么工作可能会是你非常需要功能。...这两项特性尤其吸引了注意,很快就去尝试它们了。当处理具有多个共享依赖项大型组合项目工作可以从根本上改善开发人员体验。

1.7K30

vue-cli-service: command not found报错引发血案

---- 最近因为工作需要,开始学习vue,于是github上找了一个star数比较高项目 ant-design-vue-pro 准备练手。...lock 文件,重新安装依赖包 使用npm安装依赖包,不要使用yarn 既然报错 vue-cli-service 这个命令找不到,那就全局安装 npm install -g vue-cli-service...当我们工程目录下终端执行 yarn serve ,首先会去工程根目录下 package.json 中 scripts 字段查询是否有可执行脚本,ant-design-vue-pro 是这么写...serve,这个时候 nodejs 会尝试 node_modules .bin 目录下查询 vue-cli-service 可执行性文件,如果找不到就会去全局安装 node_modules... ant-design-vue-pro node_modules/.bin 下确实没有发现 vue-cli-service 可执行性文件。

2.1K20

基于 Yarn Monorepo 实践

package.json 版本来发包 多个端代码复用一个 tsconfig.json,存在端限制(比如不能使用 DOM)目录并不能正确校验。...-node_modules/# 公共依赖 -packages/ -xxx/ -node_modules/# 与公共依赖版本冲突特殊依赖 但这个实现也相对复杂,作为使用还没深入看源码理解其一些抽风行为...,平时你可能需要用到以下技巧: 有时候变动依赖后某个工作不冲突依赖未提升到根目录 node_modules (https://www.yarnpkg.cn/cli/dedupe) yarn dedupe...workspace 插件给 yarn 提供了批量给工作(包)执行命令方式: yarn workspaces foreach .........但是它识别工作命令执行完成方式比较弱,就是进程退出,所以当我执行 yarn ws:dev ,tsc -w 编译挂起后使得拓扑执行就是个鸡肋了,而且控制台输出也不好。

1.5K20

包管理工具

npm 了,或者国内 npm 镜像包 cnpm ,大家熟称为淘宝镜像 但是现在,npm 已经是前端家喻户晓存在了,为什么还会出现诸如 cnpm Yarn pnpm Yarn2 等等...今天就让带大家一起一探究竟...使用详细、简洁锁文件格式和明确安装算法,Yarn 能够保证不同系统上无差异工作 #创新性 离线模式 如果你以前安装过某个包,再次安装可以没有任何互联网连接情况下进行。...#它是如何工作? 官网介绍 如果依赖于依赖项不同版本,则只有不同文件才会添加到存储。...安装包,它们文件将从该位置硬链接,不消耗额外磁盘空间。允许您在项目之间共享相同版本依赖项。 由于这种依赖关系链接,它也比它替代品快 2 倍。...由于 n p m 三个字母都在键盘右侧区域,所以正常打字的话可能需要一手去输入。

2.7K20

新版React Native 混合开发(iOS篇)

此教程适配了0.62.2及以上版本react-native,为获取最新适配教程,可关注配套教程。 混合开发一些其他应用场景: 原有项目中加入RN页面,RN项目中加入原生页面 ?...进行融合之前我们需要将已经存在Native项目放到我们创建RNHybrid下,比如:有一个名为RNHybridiOSiOS项目,将其放到RNHybrid目录下: RNHybrid ├── RNHybridiOS...RCTBundleURLProvider形式生成jsCodeLocation ,release只会使用静态js bundle; moduleName:用于指定RN要加载JS 模块名,也就是上文中所讲...index.js中注册模块名; launchOptions:主要在AppDelegate加载JS Bundle使用,这里传nil就行; initialProperties:接受一个NSDictionary...接下来我们就需要进行申请APPID ➜ Tunes Connect创建应用 ➜ 打包程序 ➜ 将应用提交到app store等几大步骤。 因为官方文档中有详细说明,在这就不再重复了。

5.6K20

npm、cnpm、yarn 安装删除异同

背景 一直觉得npm、cnpm、yarn安装删除基本一样用哪个都行,不过俗话说好,实践出真知,这里记录一下今天简单测试得到结果总结。 可能会有错误,希望大家评论指正,十分感谢。...里有两个包(不重要) dayjs没有加入到dependencies中,使用cnpm i dayjs -S才能加进去 yarn add dayjs 生成了yarn.lock文件 node_modules...和package-lock.json,删除存在与依赖,同时会把没有依赖里其他包删除掉(比如没有加参数用cnpm安装包),有依赖里其他包会被更新 由 ?...依赖可以删除 yarn remove xxx 改变package.json和package-lock.json,删除存在与依赖,同时会把没有依赖里其他包删除掉(比如没有加参数用cnpm安装包...),有依赖里其他包会被更新 ✨理论总结✨ 能改变package.json命令 npm、yarn cnpm带 -S / -D 参数 锁文件改变 package-lock.json文件

5.7K10

React-Native For Android 环境搭建及踩坑

关于Android环境搭建,以及使用Android Studio可以参考另一篇文章搭建安卓开发环境(Android Studio) 这里就不赘述了,需要注意是,要安装好SDK,AVD(不是AV,...执行init切记不要在前面加上sudo(否则新项目的目录所有者会变为root而不是当前用户,导致一系列权限问题,需要使用chown修改。...Android默认设置中,使用Android默认构建版本是23.0.1而你很可能并没有安装这个版本SDK,比如bo主装了23.0.2。...Android 5.0以下 Android 5.0以下需要通过Wi-Fi连接你本地开发服务器,下面的步骤没试过,不过应该是真的。 首先确保你电脑和手机设备同一个Wi-Fi环境下。...Linux上你可以终端中输入ifconfig来查询你IP地址。 回到开发者菜单然后选择Reload JS。 adb命令找不到 如果提示adb命令找不到,做个软连接就好了。

1.6K60

node_modules 困境

,本文总结下其存在一些问题,和可能改进方式。...这在全局安装 cli 场景下非常常见,经常会碰到上一次安装全局 cli 时候正常,但是重新安装这个版本 cli 却挂了,很有可能是该 cli 版本某个上游依赖发生了 breaking change...当前工作:即 process.cwd() 返回值这里是 my-project 当前代码位置:即 my-project/build.js 编译工具位置:即 xxx/node_modules/@babel...手动做这些 link 操作是难以接受 无论是 lerna 还是 yarn 工作机制核心都是 将所有 package 依赖都尽量以 flat 模式安装到 root level node_modules...当我们使用 monorepo 管理应用时,部署存在两个问题 第三方依赖都安装到 root level 上,导致 package 内 node_modules 并不包含所有的依赖信息, scm 等构件产物地方

1.8K51

基于pnpm + lerna + typescript最佳项目实践 - 理论篇

依赖变更会影响提升版本号,比如变更后,有可能是B 1.0 ,也有可能是 B 2.0被提升上来(但只能有一个版本提升) 细心小伙伴可能发现,其实并没有解决之前问题,反而又引入了新问题 npm3+...例如使用 npm或yarn 对项目安装依赖,依赖里面有个依赖叫做 foo,foo 这个依赖同时依赖了 bar,yarn 会对安装 node_modules 做一个扁平化结构处理,会把依赖 node_modules...可以不同磁盘上设置同一个存储,但在这种情况下,pnpm 将复制包而不是硬链接它们,因为硬链接只能发生在同一文件系统同一分上。...而在npm和yarn中,如何一个依赖被多个项目使用,会发生多次下载和安装! 如果是 npm 或 yarn,那么这个依赖多个项目中使用每次安装时候都会被重新下载一次。...意味着可以仅在需要发布包新版本。 注意:如果主版本为零,则所有更新都被视为破坏性修改(Breaking change).

3.4K20

从0到1打造一款react-native App(一)环境配置

确认node安装完毕之后,cmd输入 npm install -g yarn react-native-cli 设置Android Studio 经过漫长等待,Android Studio...,直接按照默认路径安装了,这个安装下来比较大有3个多G,但是没在出问题了,目前不清楚哪里有问题,所以安装自己衡量一下,如果自定义了路径可能会出现问题。...安装完成后,会进入一个界面购买license界面,选择最下方个人用户,即可免费使用。进入后等待几秒,会让选择所要运行安卓虚拟机。...完毕后出现虚拟机 ok,此时准备工作都就绪了,去开始建立一个react-native项目。...中途可能会卡到某一项,下载不动,多等几分钟,如果还不行,就只能重新下载了,也是下载了两次才下好。完成后会显示BUILD SUCCESSFUL。

1.5K40

最高性能包管理器-pnpm

当两个不同组件调用 require("library-f") ,它们可能会得到两个不同库实例,意味着可能会突然出现两个单例实例(换言之,底层 “global” 变量被分配到两个不同闭包中)...修改了软链接或硬链接文件,另外硬链接或软链接以及源文件都会发生变化,这里感觉是需要小心,特别是修改文件以调试时候,记得还原回去,否则另外一个项目用到时候,可能会出问题 几个重点结果表现 项目根目录下...Store pnpm全局通过Store来存储所有的 node_modules 依赖,并且 .pnpm 中存储项目的hard links 使用 pnpm 对项目安装依赖时候,如果某个依赖 sotre...可能会命中不同机器,也有可能存在权限问题 相比 npm、yarn。...并且通过全局保存一份 ~/.pnpm-store 方式,不同项目中进行 install 速度也会变得更快,也解决了磁盘空间占用问题 参考资料 pnpm: 最先进包管理工具[6] 中文官网

1.6K20

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券