如何运行 React Native 的现有项目

Posted 2023-05-07

【中文标题】如何运行 React Native 的现有项目

【英文标题】：how to run an existing project of react native

【发布时间】：2019-09-06 22:46:25

【问题描述】：

我想下载并运行别人的项目以考虑其功能。我遇到了一些问题......它无法启动，我只是不知道该怎么做，请帮忙

https://github.com/sunlight3d/react_native_v0.49/tree/master/61-Realm%20React%20Native%235.Filter%20data%20and%20working%20with%20To-Many%20Relationships/code/tutorialProject

1) 复制到工作文件夹教程项目

2) 打开 VS 代码

3) 进入工作文件夹，点击在cmd文件夹中打开教程项目

4) 然后我输入react-native run-android 然后惨败

d:\JS\tutorialProject>react-native init tutorialProject
 internal/modules/cjs/loader.js:657 throw err; ^

 Error: Cannot find module 'graceful-fs' at
 Function.Module._resolveFilename
 (internal/modules/cjs/loader.js:655:15) at Function.Module._load
 (internal/modules/cjs/loader.js:580:25) at Module.require
 (internal/modules/cjs/loader.js:711:19) at require
 (internal/modules/cjs/helpers.js:14:16) at Object.<anonymous>
 (d:\JS\tutorialProject\node_modules\react-native\local-cli\cli.js:12:1)
 at Module._compile (internal/modules/cjs/loader.js:805:30) at
 Object.Module._extensions..js (internal/modules/cjs/loader.js:816:10)
 at Module.load (internal/modules/cjs/loader.js:672:32) at
 tryModuleLoad (internal/modules/cjs/loader.js:612:12) at
 Function.Module._load (internal/modules/cjs/loader.js:604:3)

我开始在谷歌上搜索，发现与一些依赖项有关。使用react-native init MyProject

5) react-native init tutorialProject 并获得更紧的右线

我尝试通过npm启动服务器，然后很有趣... 6）npm-intall

d:\JS\tutorialProject>npm install npm WARN deprecated core-js@1.2.7:
 core-js@<2.6.5 is no longer maintained. Please, upgrade to core-js@3
 or at least to actual version of core-js@2. npm WARN deprecated
 connect@2.30.2: connect 2.x series is deprecated npm ERR! path
 d:\JS\tutorialProject\node_modules\.bin\react-native npm ERR! code
 EEXIST npm ERR! Refusing to delete
 d:\JS\tutorialProject\node_modules\.bin\react-native: is outside
 d:\JS\tutorialProject\node_modules\react-native and not a link npm
 ERR! File exists: d:\JS\tutorialProject\node_modules\.bin\react-native
 npm ERR! Move it away, and try again.

 npm ERR! A complete log of this run can be found in: npm ERR!
 C:\Users\Nick\AppData\Roaming\npm-cache\_logs\2019-04-16T18_15_13_614Z-debug.log

这里我完全不知道。如何运行别人的项目？

【问题讨论】：

我不认为这适用于这样的问题。您还可以使用repository's issue page

获得更好的答案

【参考方案1】：

下载后需要安装package.json中的所有包

npm install --save

那么你需要启动另一个终端

npm start -- --reset-cache / npm start / react-native start 

它用于启动你的捆绑器

终于可以运行你的项目了

react-native run-android 

【讨论】：

能不能分享一下你的node版本node -v和npm -v

npm 6.9.0 节点 11.13.0

【参考方案2】：

所有依赖项和插件都已在package.json 文件中配置。所以你需要安装：

npm install

那么，你就可以开始了

react-native run-android

或

npm run start

【讨论】：

当我写 npm install 我有一个错误___ path d:\JS\tutorialProject\node_modules.bin\react-native npm ERR！代码 EEXIST npm 错误！拒绝删除 d:\JS\tutorialProject\node_modules.bin\react-native: 在 d:\JS\tutorialProject\node_modules\react-native 之外，而不是链接 npm ERR！文件存在：d:\JS\tutorialProject\node_modules.bin\react-native npm ERR！将其移开，然后重试。

delete node_modules 文件夹并再次尝试它会起作用....因为那些文件已经存在所以错误..

使用推荐 react-native/run-android

【参考方案3】：

从带有节点安装的计算机上，您可以将命令行导航到项目文件夹的根目录。

然后你安装依赖：

npm i

这会安装项目需要构建的所有库

然后运行项目构建脚本。这是在项目 package.json 文件中定义的。在该项目情况下，该脚本称为 start。所以：

npm run start

【参考方案4】：

如果您已经有捆绑应用程序（android 或 ios ...）

react-native run-android / react-native run-ios 

否则你应该运行

react-native start

然后运行：

react-native run-android (or ios)

【参考方案5】：

这就是你在windows和android studio上编译的答案

1.打开cmd（以管理员身份） 2.npm安装 3.等待Android studio中的build gradle完成编译 4.在cmd react-native android-run上运行

有时您可能会收到此错误（请参阅下图）

这是由于 gradle 错误而导致构建失败。为了解决这个问题，您可以尝试删除错误消息中的文件/文件夹并再次运行 react-native android-run。

【讨论】：

您好，欢迎来到 SO！请阅读tour和How do I write a good answer?Please do not upload images of code/errors when asking a question.

感谢您的通知。实际上这是答案而不是问题。

【参考方案6】：

快跑

npm cache clean --force npm i 或 npm install

【参考方案7】：

安装 Chocolatey Chocolatey 是一个流行的 Windows 包管理器。所以首先，我们需要在我们的系统上安装它。

要安装 Chocolaty，请以管理员权限打开 命令提示符 并运行以下命令。

@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "[System.Net.ServicePointManager]::SecurityProtocol = 3072; iex ((New-对象 System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"

choco install -y nodejs.install python2 jdk8.

npm install –g react-native-cli

More Detail Follow this

用户变量上部的路径