vue下载依赖报错npm ERR node-sass@4.14.1 postinstall: `node scripts/build.js`的解决方法

一、问题介绍

下载vue项目依赖的时候,会出现这样的报错

bash 复制代码
npm ERR node-sass@4.14.1 postinstall: `node scripts/build.js`

或者出现

bash 复制代码
Syntax Error: TypeError: this.getOptions is not a function

二、问题分析

具体原因就是在你packer.json中配置的node-sass版本无法安装,也可能由高版本的sass-loader引起。可以检查Node版本,确保与node-sass版本匹配,卸载并安装低版本的sass-loader(如10.x)。

三、问题处理

可能用到的命令:

查看 node 版本命令:node -v

查看 node-sass 等版本信息:npm list

卸载 sass-loader 命令:npm uninstall --save sass-loader

卸载 node-sass 命令:npm uninstall --save node-sass

安装低版本 sass-loader 的命令:npm i -D sass-loader@10.x

安装低版本 node-sass 的命令:npm i node-sass@4.14.1

运行 Vue 命令:npm run serve

1、查看 node 版本和 node-sass 版本依赖关系

2、查看当前 node 版本和 node-sass 版本是否符合依赖关系

查看 node 版本命令:node -v

查看 node-sass 等版本信息:npm list

3、当前 node 版本和 node-sass 版本符合依赖关系,可能就是 sass-loader 版本过高,卸载 sass-loader

卸载 sass-loader 命令:npm uninstall --save sass-loader

4、尝试安装低版本的 sass-loader

这里降到 10.x 版本试试,你也可试试 11.x 版本先

安装低版本 sass-loader 的命令:npm i -D sass-loader@10.x

相关推荐
Byron070721 分钟前
Vue 中使用 Tiptap 富文本编辑器的完整指南
前端·javascript·vue.js
Mr Xu_1 小时前
告别硬编码:前端项目中配置驱动的实战优化指南
前端·javascript·数据结构
Byron07072 小时前
从 0 到 1 搭建 Vue 前端工程化体系:提效、提质、降本实战落地
前端·javascript·vue.js
德育处主任Pro2 小时前
纯前端网格路径规划:PathFinding.js的使用方法
开发语言·前端·javascript
墨笔.丹青2 小时前
基于QtQuick开发界面设计出简易的HarmonyUI界面----下
开发语言·前端·javascript
董世昌413 小时前
深度解析浅拷贝与深拷贝:底层逻辑、实现方式及实战避坑
前端·javascript·vue.js
小马_xiaoen3 小时前
Proxy 与 Reflect 从入门到实战:ES6 元编程核心特性详解
前端·javascript·ecmascript·es6
摘星编程4 小时前
React Native + OpenHarmony:ImageSVG图片渲染
javascript·react native·react.js
Byron07074 小时前
从多端割裂到体验统一:基于 Vue 生态的跨端架构落地实战
vue·多端
摘星编程4 小时前
OpenHarmony + RN:Text文本书写模式
javascript·react native·react.js