nvm版本切换和项目的下载安装

本文记录我下载安装“小爱Admin”(基于vue2.0 +vuex+ element-ui后台管理系统)遇到的问题以及解决办法:

https://github.com/wdlhao/vue2-element-touzi-adminhttps://github.com/wdlhao/vue2-element-touzi-admin

nvm版本切换

总结经验1,大家拉取项目前一定要仔细阅读文档,我最开始走的弯路,都源于没仔细看文档。

 最初我选择用本机安装的高版本npm反复安装了多次,都没有成功,后来直到朋友的提醒,才采用了nvm版本切换工具来完成接下来的安装步骤。

nvm安装地址:

Releases · coreybutler/nvm-windows · GitHubA node.js version management utility for Windows. Ironically written in Go. - Releases · coreybutler/nvm-windowshttps://github.com/coreybutler/nvm-windows/releases

 下载上面的安装包就可以了,我第一次下载的是nvm-setup.exe,但是在使用过程中出现检测不到npm的情况:

没找到原因。

也不知道以上几个压缩包具体有什么区别,有知道的大佬可以评论区解答一下。

针对上面的问题,我的解决办法是切换到第二个安装包重新下载,问题就解决了,nvm就可以正常使用了。

这里贴一下nvm的常用命令,大家就不用费劲再去学习nvm了,上手很容易

nvm version                // 查看NVM版本,是否安装成功
nvm list available         // 查看可安装的node版本
nvm list                   // 查看已安装的node版本
nvm install 版本号         // 安装node
nvm uninstall 版本号       // 卸载node
nvm use 版本号             // 切换使用node版本
nvm current                // 当前使用node版本
nvm node_mirror [url]      // 切换node镜像[https://npm.taobao.org/mirrors/node/]
nvm npm_mirror [url]       // 切换npm镜像[https://npm.taobao.org/mirrors/npm/]

项目的下载和安装

整个项目的安装,除了参考项目文档,还重点参考了下面这位博主的解决办法:

解决“Error: Rule can only have one resource source (provided resource and test + include + exclude)” – 山维空间

你拉下来的项目可能和我一样和上面描述的有些不同。

我拉下来的项目里没有 node_modules文件,另外如果删除package-lock.json我这边会出现新的安装问题,所以我在重新拉取项目后没有删除package-lock.json文件,并且重新安装成功。

按照提示手动添加"webpack": "^4.44.2"后执行 npm install 安装即可。

最后执行又遇到新的问题:

Syntax Error: Error: Cannot find module 'cache-loader'

这个错误提示是在编译vue模板时出现的,具体错误是找不到 cache-loader 模块。可能是因为这个模块没有被正确地安装或配置。

执行:

npm install cache-loader --save-dev

就完成安装了。

猜你喜欢

转载自blog.csdn.net/Smile1552911411/article/details/130502607