如何运行 React Native 的现有项目

Question

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

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

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

Answer 1

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

npm install --save

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

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

它用于启动你的捆绑器

终于可以运行你的项目了

react-native run-android 

Answer 2

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

npm install

那么，你就可以开始了

react-native run-android

或

npm run start

Answer 3

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

然后你安装依赖：

npm i

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

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

npm run start

Answer 4

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

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

否则你应该运行

react-native start

然后运行：

react-native run-android (or ios)

Answer 5

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

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

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

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

Answer 6

快跑

1. npm cache clean --force
2. npm i 或 npm install

Answer 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

用户变量上部的路径