一、问题背景
最近想要去做一下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两个包。