【React bug解决】React 创建项目以及相关问题解决

一、问题背景

最近想要去做一下React的项目实战，因此使用脚手架创建一个项目，从而遇到了一些问题。这里记录了一下所遇到问题以及解决的问题。
使用react脚手架创建react项目的代码

create-react-app 项目名 —template [template-name]

//两个例子
//单纯的创建一个react app
create-react-app my_app
//创建一个使用ts语言的项目
create-react-app my_app —template typescript

二、遇到的问题以及相关解决方案。

2.1 下载速度慢的问题

换下载源。

//npm设置下载源
npm config set registry https://registry.npmmirror.com/ 
//查看当前下载源
npm config get registry

上述是npm配置的语法

npm config set [-g|—global] key value #设置全局配置，或者局部配置（没有-g）
npm [config] get key   //[]是指可以不写

2.2 遇到的问题，dependency下载时冲突问题

问题发生原因：这里是peer dependency与常规dependency发生冲突所发生的问题，在npm7之前，不会直接下载peer dependency，npm7之后，设置了下载peer dependency，产生了这个问题。

peer dependency与dependency之间的区别：
网上看见的概念：与常规依赖（dependency）不同，Peer dependency 主要用于确保多个模块在同一个主模块的上下文中使用，并共享依赖的版本，这个概念的理解对于构建可维护、稳定和可扩展的Node.js应用程序和包非常重要。
当一个包依赖于另一个包的时候会有一个最低要求的版本号，这个是dependency；
而另一个包可能需要使用更高等级的依赖包，为了兼容整个项目的版本号的依赖包是peer dependency。
Peer dependency 要求依赖包使用相同版本的库。
下面是我对上述概念的理解：

因此，当dependency已经下载了一个版本的依赖包后，peer dependency再次下载这个依赖包的另一个版本号后会报错说发生冲突。（我的理解这个问题发生的原因）
因此，在下载的时候设置强制下载。

npm install 包名 —force     //直接覆盖

忽略依赖冲突问题继续下载，就是忽略相同模块但不同版本的问题：

npm install 包名 —legacy-peer-deps    //不覆盖跳过

配置下载的时候

npm config set legacy-peer-deps true

这种情况发生在package.json文件中没有显示依赖核心库，如果显示依赖了，子项目中的peer dependency就会忽略。

2.3 缺少包

Cannot find module 'ajv/dist/compile/codegen'

缺少ajv这个包，下载的时候需要看依赖核心库的版本下载。需要安装ajv和ajv-errors两个包。