node sass版本的问题,node sass node 版本不匹配

　　这篇文章主要介绍了如何解决sass-loader和节点-萨斯版本冲突的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教

报错信息1

　　错误编译失败，出现6个错误下午7:45:21

　　中的错误. src/components/advance demo/toast com。vue？vu etype=style index=0id=6f 04d 134 lang=scssscoped=true

　　语法错误：类型错误：this.getOptions不是函数

报错信息2

　　产生一个错误。

　　制造：* * *[释放/对象。目标/绑定/src/绑定。o]错误一

　　吉普呃！构建错误

　　吉普呃！堆栈错误：`制作失败，退出代码：2

　　吉普呃！ChildProcess.onExit处的堆栈(/Users/gold water/Documents/vue/vue 3.0-demo/node _ modules/node-gyp/lib/build。联署材料：262:23)

　　吉普呃！ChildProcess.emit处的堆栈（节点：事件：394:28)

　　吉普呃！堆栈在过程。子进程。_ handle。onexit(节点：内部/child_process:290:12)

　　吉普呃！达尔文系统20.2.0

　　吉普呃！命令/usr/local/bin/node /Users/gold water/Documents/project code/project-learning-repository/vue/vue 3.0-demo/node _ modules/node-gyp/bin/node-gyp。js rebuild -verbose -lib sass _ ext= -lib sass _ cflags= -lib sass _ LD flags= -lib sass _ library=

　　吉普呃！CWD/用户/金水/文档/vue/vue 3.0-演示/节点_模块/节点-萨斯

　　吉普呃！节点v版本16.6.0

　　吉普呃！node-gyp-v 3。8 .0版

　　吉普呃！不好

　　生成失败，错误代码为：1

　　npm WARN vue-loader@16.4.1需要@vue/compiler-sfc@^3.0.8的对等项，但没有安装。您必须自己安装对等依赖项。

　　npm WARN sass-loader@8.0.2需要一个sass@^1.3.0对等项，但没有安装。您必须自己安装对等依赖项。

　　npm WARN sass-loader@8.0.2需要纤维@=3.1.0的对等项，但没有安装。您必须自己安装对等依赖项。

　　新公共管理错误！代码精英周期

　　新公共管理错误！错误一

　　新公共管理错误！node-sass@4.14.1安装后：`节点脚本/build.js

　　新公共管理错误！退出状态一

　　新公共管理错误！

　　新公共管理错误！节点失败-sass@4.14.1安装后脚本。

　　新公共管理错误！这可能不是新公共管理的问题。上面可能有额外的日志输出。

　　新公共管理错误！此运行的完整日志可在以下位置找到：

　　新公共管理错误！/Users/goldwater/.NPM/_ logs/2021-08-06t 12 _ 04 _ 18 _ 807 z-debug。原木

解决办法

　　时代在发展，更新换代很快，作为一个前端小白在网上找了很多方法，最后还是请教一位老司机，解决了问题，下面说一下我解决的过程，让后人成功避开。

　　首先要先把上网环境解决了，在~/.npmrc添加以下镜像：

　　幻影js _ CD nurl=http://cnpmjs。组织/下载

　　萨斯二进制站点=https://NPM。淘宝。组织/镜像/节点-sass/

　　注册表=https://注册表. npm.taobao.org

网上解决方法

　　去官方的开源代码库仓库去寻找合适的版本

　　节点-萨斯：https://github . com/sass/node-sass/tags

　　萨斯装载机：https://github . com/web pack-contrib/sass-loader/tags

　　新公共管理卸载sass-loader节点-sass //卸载

　　新公共管理安装sass-loader @ 7。3 .1个节点-sass @ 4。14 .1-保存-开发//安装对应的版本

　　最后，还是失败了。

我的解决方案

　　执行以下脚本：

　　新公共管理卸载sass-loader节点-萨斯

　　新公共管理安装sass-loader @ 8。0 .2 sass @ 1。26 .5-保存-开发

　　不要安装节点-萨斯，安装厚颜无耻就可以了，package.json如下：

　　{

　　名称： vue3.0-demo-1 ，

　　版本: 0.1.0 ,

　　私有:对，

　　脚本:{

　　serve: vue-cli-service serve ，

　　"构建":" vue-CLI-服务构建"

　　依赖项:{

　　"核心-js":^3.6.5，

　　乔伊：^17.4.2,

　　^2.6.11

　　devDependencies: {

　　@vue/cli-plugin-babel: ~4.5.0 ，

　　@vue/cli-service: ~4.5.0 ，

　　"埃斯林特":^7.32.0,

　　“eslint-plugin-vue":^7.15.0，

　　//这两个是重点：sass、sass-loader

　　萨斯：^1.26.5，

　　“萨斯-装载机”:^8.0.2，

　　“模板编译器”:^2.6.11

　　browserslist: [

　　 1%,

　　最近两个版本，

　　“没死”

　　]

　　}

　　以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。