记录一次接手旧项目的踩坑之旅

背景

笔者最近入职了新的公司,上班第一天领导就交代任务要我把组里面的项目先跑起来熟悉一下。

我首先确认了一下组内常用的几个node版本,并通过nvm进行了提前下载。有了这一步前置工作,前几个项目都非常顺利的启动了起来,但是有一个项目npm install的时候一直报错。

问题一:gyp ERR! find Python

根据提示的内容去联想,这个问题很可能和Python的环境有关。上网查询了一下资料,确实是因为我们本机没有Python2.7的环境引起的。

解决方法

1.安装node-gyp

js 复制代码
npm install -g node-gyp

2.安装Python2.7环境

我们通过超管权限启动控制台运行一下命令

js 复制代码
npm install --global --production windows-build-tools

问题二:node-sass版本问题

一开始我是没有发现这个问题的,因为npm install的时候,并没有直接抛出node-sass的问题,反而是抛出了另外一个问题。

js 复制代码
# [options has an unknown property 'prependData'. These properties are valid: object { implementation?, sassOptions?, additionalData?, sourceMap?, webpackImporter? }](https://www.cnblogs.com/xzybk/p/14379861.html)

这个问题是因为我们项目中loaderOptions进行了以下的配置

其实这也是因为sass-loader的版本不同导致的问题,在不同的node-sass版本,对应的loaderOptions中的prependData字段是不一样的。具体的字段表可以参考下面:

另外我们node-sass也要根据我们项目的node版本去选择对应的版本。

我们可以通过以下指令下载指定版本的node-sass

js 复制代码
npm install node-sass@[本地node所对应的node-sass版本]

如果下载速度慢可以指定镜像源

npm install node-sass@[本地node所对应的node-sass版本] --registry=https://registry.npm.taobao.org --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

总结

在接手新项目的时候,我们可以先准备好对应的node版本和python2.7环境。这两步可以让我们事半功倍。

另外我们也要注意选择适配我们当前node版本的sass版本,不然也会导致我们启动失败。

最后就是遇到问题可以多思考多查查资料~~

相关推荐
AiMan19 分钟前
腾讯ima还是不可以导出左侧所有对话,只能单条导出,方法不对吗
前端
去伪存真22 分钟前
并发量一高就装死?Agent 全链路“防猝死”手册
前端·agent
Moment24 分钟前
AI 编程时代,聊聊我的 Mac mini 双屏桌面
前端·后端
AiMan36 分钟前
先确认能不能一次把Microsofat Copilot所有内容打包一个文件导出
前端
总要学点什么39 分钟前
第97篇:三维数据加载-城市建筑白模自定义着色器——让一条光带沿高度扫上去,快慢却由帧率说了算
前端·gis·webgl·cesium·着色器·空间分析·白模
上海懒图科技1 小时前
工厂厂区电子地图定位导航:厂区人车精准定位,安全合规双保障
前端·arcgis·vue
西安小哥1 小时前
端侧跑大模型,真正的门槛不在参数量:一次 596 秒到 10 秒的压缩路径复盘
前端·人工智能
陈随易2 小时前
Cloudflare 出钱,Vite 团队挑人,44 个维护者分 30 万美元
前端·后端·程序员
恋猫de小郭2 小时前
Flutter THLC 的 WebView 滚动终于从 70 FPS 提升到 120 FPS
android·前端·flutter
严肃小白兔3 小时前
TanStack Router 更新构建工具链:Node.js 兼容性、路由分割与前端工程实践
前端·node.js·状态模式