内网开发新项目之流程记录

目录

内网开发之第二个项目问题

内网开发之第三个项目问题

---

内网开发之第二个项目问题

由于上一个项目开发告一段落 ， 被分配至一个全新的项目组 ， 

周一简单开完需求会议后 ， 确定了一下项目开发时间及项目内的一些需求之后

---

1、项目经理 需要先给上层领导发送 Git Lab 仓库权限审批邮件 ， 等待领导批准开通

（ 这样我们开发人员才能本地拉取远程仓库项目代码 ）

已经有人搭建好了项目的初始框架 ， 我们只需在此基础之上进行开发就 OK 了

---

2、下午时分 ，我们组两位开发人员已经可以拉取代码了 ， 我就在自己本地也试了下，

结果就是一堆报错信息 。。。（ 后来才知道我的权限原来还没审批过。。 ）

没有权限的问题。。

没有仓库地址的访问权限

---

3、有仓库操作权限之后

• 1、找个盘符 新建一个用于保存当前项目的文件夹
• 2、进入此文件夹，打开 终端 或 Git Bash Here 
• 3、输入命令行  $  git clone -b 你的新分支名 (示例：feature/名字) 远程地址

或者我是分步操作的  ，因为另一个前端已经在 master 主分支上分出了  dev  开发分支了 ，

用于我和她之间平时代码的 合并拉取 操作 ，因此我可以在 develop 分支上再 分出来属于我自己开发的分支 ， 先 $  git clone 远程地址  ，克隆下来之后 ， 可以先查看一下现在所有的分支 ，

$ git branch -a  ，$  git checkout develop  切换到主开发分支 ， $  git checkout -b 新分支名 

---

4、npm install  下载 项目 package.json 内的 插件安装包

过程也是相当的艰难啊 ， 卡在这里很长时间 ， 到最后一直报错 ， 下载失败 （ node 版本低了 ）

主要是一个 node-sass  包 ， 属实难下载 ， （ 最终是跟别人要了 压缩包 直接放入项目里了的 ）

一开始以为是 Echarts 的问题 ， 把 echart 删了之后下载还是报错

后来又尝试将 pack-lock.json 和 node_modules  都删除之后再 npm install  下载还是报错

尝试完这个方案之后 ， 依旧报错

---

一个正常操作流程 ：

1、删除 node_modules  , 这里一般使用 命令行进行的删除

一个是快 ， 一个是感觉删的彻底  ： $  rm -rf node_modules/  

2、npm 清除下载缓存 ：打开命令行，目录无所谓。输入指令 ：

$  npm cache clean -f 

$  npm cache clear -f  

( 第一个不生效的话 ， 就试试第二个 )

2-2、清除缓存文件

打开我的电脑 ， C : / users / 你的用户名 / appData （ 有可能是一个隐藏文件夹 ）/ roaming

删除这里的  npm-cache  文件夹

3、配置内网专门下载 sass 包的路径信息

4、 npm install  再次下载尝试一下

最后陆陆续续解决问题之后 ， 总结是 node 版本低了 ， v12 的版本这个项目不支持 ， 

需要升级到 v14 版本的 node 才能支持 ：

So 接下来就是 升级 node 版本的又一系列操作啦 ：

---

由于是内网开发 ，外加上是登陆的华为云桌面 ， 所以接下来有两个问题

一是  nvm 的 node 版本管理工具 ， 内网是没有的 ， 所以需要自行卸载 node 再下载

二是 在 云桌面上 ， 通过设置面板对其 node 进行卸载无反应 ， 

通过 控制面板对其 node 卸载 无反应 。。 

最后无奈 ， 只能找到下载 node 对应的文件夹目录 ，删除了整个文件夹 。。

后又查询了一下如何卸载干净的步骤 ， 走了一遍

---

卸载完成之后 ， 就该下载回来了 ，

内网是在专门的网站上进行下载 ， 找到 v14 版本的 node 后下载 ， 

它是将 node 的所有东西都下载好了 ， 没有给你下载一个安装程序 ，

让你一步一步点击下一步来完成安装的 ， 只是当时我不知道 ，以为下的不对 ，

让我又给删了 ， 专门找了别人要的那种安装程序包 ，

结果发现一步一步点击完 ， 命令行 node -v  还是不显示 版本号

这 ，，就给我整不会了 ， 最后通过了解 ，这玩意是需要自己给 node 配置 环境变量 的。。

百度搜查 ：

所以 ， 我又在网站上下载回来了 v14 node ，然后配置好环境变量 就 OK 啦 

---

一切都解决完之后 ， npm run serve   运行启动你的项目吧

可真不容易啊 ，，没想到就跑起来一个项目耽误了我一天的时间啊。。。

---

内网开发之第三个项目问题

匆匆忙忙 ， 第二个项目还没完全收尾好 ，两个前端 ， 四个后端 

（ 开发 PC 端 五个 UI 页面 ，联调完接口 ，大概两周左右的时间吧 ）

（ 权限跳转页面 ，内网开发兼容适配 IE 浏览器 ，放大浏览器 适配 至 125% ）

然后第三个项目的 UI 设计图就已经发我们 邮箱 了 ，

项目经理还召集我们简单说了一下项目需求啥的 ， 简直无了个大语 。。

这次还是连个需求文档啥的都没有 ， 差不多只记了个大概 

原本我是要兼顾 PC端 和 移动端 一块写的 ， 后来因为第二个项目收尾耽误了一些时间 ，

就分到了只负责 移动端 的其中一个 模块 了 。

看了看其对应 UI 页面 ， 总共有 21 个页面 ， 要求一周时间赶完 ， 好家伙 ， 

可真够紧的 ， 不过还好有差不多一半类似页面到时候可以复用的

---

然后就是等领导给你申请过了 Git 权限之后 ， 就可以拉取代码到本地了 。

正常操作还是 ， 建个文件夹便于存放你负责的项目 ， 

git clone git地址 ， 进入项目目录下 ， npm install ， 下载项目所需要的依赖包

---

好了 ， 结果又是一堆报错 ， 看了看跟之前几个项目大差不多 ， 

主要还是因为 node 方面的问题 ， 

这次以为是跟前几个项目一样的问题 ， node-sass 没下载成功 ， 

先是设置了一遍 node-sass 的下载路径配置

npm config set sass_binary_site = 

好像是这样设置的 ， 后面是我们行内专门的地址了

后来还是不行 ， 结果问了组长才知道 ， 那个地址已经 ping 不通 ， 失效了。。

---

然后解决方案就是找人直接要的 node-sass 压缩包 ，

直接解压缩到项目 node_modules 目录下了 ， 

本以为这样就好了 ，因为前面的项目都是这样就好了 ，

结果启动后还是报错了 ， 试了一遍固定操作后还是无果。。

---

再后来经过另外一位前端小伙伴的不断尝试后 ， 

说可能不是 node-sass 的问题了 ， 是 sass-loader 的问题 ， 

让我 把 sass-loader  再下载一遍试试看 ：

一开始我没搞明白 ， npm uninstall sass-loader  把 sass-loader 先卸载了

npm install sass-loader -D  下载回来 ，结果下载版本高了 ，

反正后来才知道我多此一举了 ， 直接  npm install sass-loader  就 OK

无需卸载 ， 重新安装一下就行

---

最后再次启动项目后 ， 报了另外的错误 ， 一开始以为还没解决问题 ， 

直到问过组长之后才知道 ， 是项目内的代码报错了 ， 

一个页面内的代码配置的 src 路径不存在 ， 好家伙 ， 真够误导我的 ，

把那行代码注释掉后就好啦 ， 哎 ， 又是搞了将近一天的时间用来启动项目啊 。。。

---

第三个项目启动问题解决方案总结 ：

1、node-sass  下载失败 ， 索要一个压缩包 ， 直接解压缩进项目里

2、sass-loader 有问题 ， 配置不全可能是 ， 再次 npm install sass-loader 一遍

3、不排除项目内有报错代码导致的项目启动失败 ， 具体看报错信息

---

新拉取（ git clone ）的远程版本库代码 到 本地 后 ，

在 项目内 npm install 下载项目内的插件包，结果报错如下 ：

看这报错信息，大概率分析又是 node-sass 插件包 出了问题，下载失败了

最快解决办法 ： copy / 解压缩  一个现成的（ 已经下载好了的 ）node-sass 包【 要跟你项目内 devDependencies 里面的 "node-sass": "^4.14.1", 包版本相匹配哦 ～ 】然后直接放到 / 解压缩到 项目 node_modules 里面，后 再尝试一下 启动项目 ：npm run serve

OK ， 启动成功 ～ Nice ！

---

第四个项目问题

git clone 克隆远程项目仓库地址到本地后

1、npm install 下载项目插件依赖包

报错 ： node-sass 插件包 下载失败

1-2、删除原有的  pack-lock.json 和 node_modules

清理一下缓存 ： $  npm cache clean -f 

（ 最后直接导入下载好的项目对应的版本号的 node-sass 包到 node_modules 里面 ）

2、npm run dev 启动项目

报错 ：  error  in ./src/xxx/xxxx

Error : Cannot find module 'true-case-path'

出现以上问题，是由于 sass-loader 没有安装成功

解决方法 ： 

查看自己项目 package.json 中对应的 sass-loader 版本号 ，

重新安装 sass-loader , 比如 ：

npm install sass-loader@7.1.0

再次 npm run dev 启动项目 就 OK 啦 ～

（ 镜像源 ： npm config set registry    ）