如何启动react文件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何启动react文件相关的知识,希望对你有一定的参考价值。

参考技术A 如何启动react项目

1、首先打开命令提示符工具

开始——菜单——运行——cmd
2、然后使用cd命令进入项目目录

cd my-app
3、接着运行npm start即可

注:如果项目目录中没有node_modules文件夹,需要先安装依赖

npm install
npm start和 npm run start是等效关系,在一个npm管理项目中,一般默认有start的定义,且会经常使用,所以就在npm执行中简化输入目的设置了npm run start的简写,类似的还有npm stop、npm test等等。而其他的一些不太通用的命令项则只能通过npm run <命令项>的形式执行。

如何在 react-native 中重置 IOS 文件夹

【中文标题】如何在 react-native 中重置 IOS 文件夹【英文标题】:How to Reset IOS folder in react-native 【发布时间】:2019-04-18 09:23:40 【问题描述】:

我正在开发一个 react-native 应用程序,我在 iOS 项目方面犯了一些错误。 Android运行良好,没有问题。想知道有没有什么办法可以在不丢失Android项目的情况下完全重置iOS项目。

运行react-native run-ios 命令时,iOS 模拟器启动并保持锁定在info IDEDerivedDataPathOverride

我想做什么:

cd ios
pod deintegrate
pod install

--------同样的问题,没用

我在 npm 上查了一下,发现了一个包 react-native-clean-project 我跑了:./node_modules/.bin/react-native-clean-project --remove-iOS-build

--------同样的问题

rm -rf ios/build 

--------同样的问题

最后我删除了 node_modules 文件夹,重新安装它,清理缓存,但同样的问题......

我想创建一个新的 ios 文件夹,比如创建一个新项目时, 但仅适用于 iOS。

【问题讨论】:

【参考方案1】:

删除 /ios 文件夹

运行$react-native upgrade再次生成/ios文件夹。

运行$react-native link

运行$react-native run-ios

【讨论】:

在 $react-native upgrade 之后,在我的项目中重置了 android 和 ios,之后当我运行 $react-native 链接时,出现了这个错误:ERR! ERRPACKAGEJSON 未找到包。你确定这是一个 React Native 项目吗? ,但我在项目中,我尝试了 $npm install --save 但同样的错误:(【参考方案2】:

这是我的解决方案...(部分)

降级我的 repo 版本,我在后面拉了 2 个提交

我尝试做的事情之后:

watchman watch-del-all && 
rm -rf $TMPDIR/react-native-packager-cache-* &&
rm -rf $TMPDIR/metro-bundler-cache-* && 
rm -rf node_modules/ 
&& npm cache clean --force &&
npm install
npm start -- --reset-cache

(但我对 watchman 有一些错误,类似于“watch-dell-all”之类的命令,不是常用命令)

然后尝试了这个:

sudo npm cache clean —force

npm install —save

react-native run-ios

这里没有结果,所以我决定删除 node_modules,然后通过 yarn 安装(我不知道为什么),但之后我终于在 Xcode 中打开了我的项目,当我从 Xcode 进行构建时......我'在此之后再次与 react-native 链接链接,我可以运行 react-native run-ios 但我在 FBSDKShareKit 上有一些错误,我正在努力解决这个问题。

【讨论】:

您找到了任何解决方案?

以上是关于如何启动react文件的主要内容,如果未能解决你的问题,请参考以下文章

更改 CSS 文件时 React 不更新

如何告诉 React 使用哪个 .env 文件?

如何运行 create-react-app 构建版本

webstorm+react+webpack-demo

如何在 react-native 中重置 IOS 文件夹

无论如何在运行时 React Native 中更改启动画面?