Elemenu-UI仅支持VUE2.X版本,我们的整个项目基于VUE3。如果要在vue3.x中使用它,则需要介绍元素plus?
好,正常工作!
元素加上可以根据上述步骤正常安装。但是,有一天,我添加了一个新的依赖软件包和NPM安装,但已报告了元素Plus错误。调试已经很长一段时间了,并最终发现了问题。事实证明,由于元素 - 最近经常更新,因此在NPM安装后安装了最新版本,从而导致一系列错误。
尝试将VUE版本更新为vue3.3+,您可以正常使用元素 - 但这也会导致我们项目中使用的另一个软件包有问题。
1. DevDeDepentencies和依赖项我们使用NPM安装来安装模块或插件,并且有两个命令将其写入package.json文件:
它们之间的区别在于,使用save-dev安装的模块或插件将以DevDections为单位,并且使用-save安装的使用是在依赖项中编写的。
package.json中的dev依赖关系和依赖项对象有什么区别?
DevDepentencies中的插件仅用于开发环境而不是用于生产环境,并且需要将依赖项发布到生产环境中。例如,我们编写项目页面以依靠元素加。没有此软件包的依赖性操作,将报告错误。在这个时候,与它们无关,因此将它们写给DevDections。
2. NPM安装的一般过程是什么:
(1)确定依赖性和依赖性依赖性的一楼依赖性依赖性依赖性;
(2)递归采集模块:模块信息 - 模块实体 - 模块依赖性;
(3)扁平模块:卸下冗余模块;(V3之后)
(4)安装模块并更新node_modules;
(5)生成或更新版本说明文件。
3. NPM安装的不确定性提到我遇到的问题是因为NPM安装时自动更新了版本。NPM的依赖项非常松散。该软件包的升级可能会带来错误。
依赖项中指定的版本称为语义版本号。语义版本编号的规则在此处播放:主版本号。第二版号。
相关版本以三个符号指定:
例如,我们的软件包。JSON具有这样的依赖性:
我们知道这意味着什么&npm install。在此示例中,如果Echarts的版本超过5.1.1,并且在大版本号(5)上相同,则允许使用最新的Echarts软件包。
语义版本编号定义了我们理想版本的规则,但是在实际安装中,依赖版本可能与我们不一致。这是npm install的不确定性。要解决此问题,NPM将在5.0+默认值中生成package-lock.json文件“锁定”的版本号。
自NPM 5.0发布以来,NPM安装规则已更改了三次:三个更改:
4. NPM安装相关的问题是检查我们是否获得了一个项目。在本地运行的第一步是执行NPM安装,但是当NPM安装并经常报告错误时通常不平滑。我们通常如何解决?
1.根据报告错误信息错误的原因,有数百万个错误。你不能用一个词说。目前,您需要处理特定问题。
2.查看节点版本和注册表通过检查节点版本和注册表,您可以确定是因为项目依赖的软件包与我们使用的节点版本不相容,或者我们要下载的软件包是当前注册表无法下载它。检查问题。
3.清除NPM缓存NPM以缓存特定版本,并下载每个软件包的链接。将来无需去远程仓库进行查询,从而减少了大量的网络请求。但是缓存也可能引起问题。尝试缓存:
4.尝试纱线有时会在NPM安装中报告错误,但是纱线安装可以成功安装它。纱线的出现是解决NPM V3版本的问题。除了提高安装速度外,最大的贡献是确保通过锁定文件的安装依赖性确定性。相同的结果,即相同的Node_modules目录结构。
通过此调试,我学会了:
(1)安装依赖项时,选择正确的 - save-dev或 - save;
(2)安装依赖项时单独安装它,以避免手动修改文件,例如package.json或yarn.lock;
(3)当NPM安装报告错误时如何检查问题。