记录前端本地部署遇到的所有问题与解决

安装node.js、vue.js

【昨天大半天时间耗在node和npm版本不匹配的问题上,解决了之后又遇到问题,看到一个博主说node16本身有bug(我也不能确定啊啊),于是把node卸载干净今天重新下了node14,解决了一堆问题终于部署完了本地!
【我部署的这个项目是实验室的,整个部署过程是按照学姐给的部署手册进行的
链接: node.js下载地址(查询node与npm匹配的版本)

链接: node.js安装

链接: vue.js三种方式安装

打开项目

在node.js和vue.js下载完成后,管理员身份运行命令提示符,进入该项目文件夹

安装项目所需组件

安装我用的都是cnpm,npm不稳定,经常出错【我觉得。
cnpm i element-plus -S提示
peerDependencies WARNING
链接: peerDependencies WARNING解决

将缺失的包安装完成后,重新安装 cnpm i element-plus -S,没有提示错误,输入cnpm run serve部署项目,出现问题:
'vue-cli-service' 不是内部或外部命令,也不是可运行的程序
或批处理文件。
链接: ‘vue-cli-service’ 不是内部或外部命令…解决
【我用npm i又报错。。。尝试cnpm install成功,这次又出现了peerDependencies WARNING,将缺失的包安装好就解决了。

再次运行cnpm run serve尝试部署项目,结果又出现了问题:Syntax Error: SassError: expected selector.
链接: Syntax Error: SassError: expected selector.报错解决方法

将所有提示出错文件中的 /deep/ 全部替换成 ::v-deep,成功解决此问题!

然而又遇到了另一个问题:

在这里插入图片描述
链接: Vue:项目启动时报错These dependencies were not found 解决办法
用这位博主的方法成功解决啦!
在这里插入图片描述
第一次尝试部署就遇到了好多问题,查了一堆博客一个个解决问题,终于成功,于是就想把自己遇到的问题和参考的博客整理到一起,或许可以帮助到需要的盆友们,或许以后我也还会遇到这些问题哈哈哈哈

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值