本文记录我下载安装“小爱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安装地址:
下载上面的安装包就可以了,我第一次下载的是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/]
项目的下载和安装
整个项目的安装,除了参考项目文档,还重点参考了下面这位博主的解决办法:
你拉下来的项目可能和我一样和上面描述的有些不同。
我拉下来的项目里没有 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
就完成安装了。