关于初次使用react框架时所遇到的一些问题随笔

发布时间:2022-06-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了关于初次使用react框架时所遇到的一些问题随笔脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

关于初次使用react框架时所遇到的一些问题随笔

初次遇到了error Command "start" not found这个错误,一时不知所措,在网上找了很多教程,有重新安装yarn

关于初次使用react框架时所遇到的一些问题随笔

的方法(前提是你已经安装好了node.js等相关基础环境),也有重新使用命令行

npm install -g yarn

进行全局安装的方法,这两个东西差不多,但前一个的安装路径可以自己选择,但后期使用的时候你可能需要自行配置系统变量和用户变量,对于我个人而言,挺麻烦的。我感觉用命令行进行全局安装的方法更适合新手、初学和小白,虽然它会自行被系统安装到C盘,但省去了很多麻烦。

上述两个安装方式可以兼存,卸载其中一个并不会影响另一个使用,使用命令行安装时,它的默认安装路径如下:

1 C:Users用户名AppDataRoamingnpmyarn
2 C:Users用户名AppDataRoamingnpmyarn.cmd

 不会查询路径的小白可以使用WIN+R输入cmd命令,再输入下面指令即可查询到你的本机路径: 1 C:Users用户名>where yarn但这些对我的问题没有一丝丝帮助,因为实验过后,我都失败了,后来在浏览一个样例时,我受到了一点点启发,我在想是不是我的操作目录有问题,于是

我又在github中重新克隆了一次项目:

1 git clone https://github.com/用户名/项目名称.git

然后再在vscode的控制台安装yarn:

1 npm install -g yarn //全局安装yarn
如果你的下载速度过慢,可以考虑换一下yarn的下载源,更换淘宝源之后,可以明显加快你的访问速度:
1 yarn config set registry http://registry.npm.taobao.org/
为确保你的yarn下载完整,可以查看yarn版本确保无误。
1 yarn -v
由于vscode的控制台一般是调用windows的powershell,调用yarn等脚本有可能会出现安全问题。如果出现,就需要设置一下当前域的安全使用者:
输入如下命令:
1 Set-ExecutionPolicy -Scope CurrentUser
当出现“请为以下参数提供值”时,输入:
1 remotesigned
接下来使用yarn安装依赖,在vscode工程目录的控制台下,输入以下命令:
1 yarn install
安装完毕后,启动应用:
1 yarn start

于是你就遇到了下面这个问题:

关于初次使用react框架时所遇到的一些问题随笔

 这时不要慌,还记得我是在哪操作的吗?是在 X:test> 里面,这就是问题的根本所在,其实从  X:test> git clone https://github.com/用户名/项目名称.git 这行命令之后,首先需要用这个命令导入到你已经克隆好的目录下 X:test> cd 项目名称 ,然后再依次执行我的上述命令:

1 PS X:test项目名称> npm install -g yarn
2 PS X:test项目名称> yarn -v
3 PS X:test项目名称> yarn install
4 PS X:test项目名称> yarn start

 然后我的就能正常运行了!下面送上我的成功截图:

关于初次使用react框架时所遇到的一些问题随笔

 

 

 

 

 

 

 

 

脚本宝典总结

以上是脚本宝典为你收集整理的关于初次使用react框架时所遇到的一些问题随笔全部内容,希望文章能够帮你解决关于初次使用react框架时所遇到的一些问题随笔所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: