文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

vue-element-admin中node-sass怎么换成dart-sass

2023-07-05 05:08

关注

本篇内容介绍了“vue-element-admin中node-sass怎么换成dart-sass”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

vue-element-admin中node-sass换成dart-sass,安装依赖报code 128等问题

1、node-sass换成dart-sass

在使用vue-element-admin这个后台管理框架中,安装依赖的时候或多或少都会遇见一些问题,其中最常见的莫过于下图这个!

vue-element-admin中node-sass怎么换成dart-sass

这是因为node-sass在windows环境中必须安装python2和Visual Studio才能编译成功。由此可见这个问题多么的。。。

现在可以通过把node-sass换成dart-sass来解决这个问题,更换的方式也非常简单。

npm uninstall node-sassnpm install sass -S -D

但是有一点需要注意的是,替换 node-sass 之后就是它不再支持之前 sass 的那种 /deep/ 写法,需要统一改为 ::v-deep 的写法。
在这里我们全局搜索进行替换即可,然后就可以愉快的运行项目了。

2、安装依赖报code 128的问题

首先是这种情况

vue-element-admin中node-sass怎么换成dart-sass

这个问题应该很多人遇见过,之前遇见的时候,多试几次或者挂梯子即可解决,但是前天试了好多遍都不行,网上的方法也试了很多,没有解决,后来问大神说把DNS改成1.1.1.1,果然神奇的解决了。

还有以下这种情况

vue-element-admin中node-sass怎么换成dart-sass

这种情况是秘钥问题,git在本地重新生成以下,在gitHub上重新配置即可解决。

3、unable to resolve dependency tree

vue-element-admin中node-sass怎么换成dart-sass

这是因为npm版本过高导致,降低版本即可。
npm install npm@6.14.10 -g

扩展:vue中把node-sass换成dart-sass方式(解决办法)

一、替换原因

因为node-sass和node.js版本关联太紧了,如果这两个版本不匹配,就会起冲突,导致项目无法运行。

ps:值得一提的是node版本和要运行的项目使用的依赖版本相差太大也会导致运行失败,这就需要降低node版本了

二、art-sass和node-sass的区别

 node-sass是实时编译的,dart-sass是需要保存后才会生效

dart-sass的优点

(1)可以使用sass和css新特性

(2)避免项目以及其他的依赖升级node-sass导致不兼容问题

(3)不存在二进制文件安装,避免了node-sass因为依赖其他文件导致运行失败

dart-sass的缺点

(1)执行编译过程中,dart-sass内存占用比node-sass要大一点

(2)相对于node-sass使用c++实现的样式预处理器。用纯JavaScript实现的dart-sass就慢了一点

三、替换方法

1.终端输入如下命令卸载node-sass

npm uninstall node-sass

2.安装dart-sass

npm install --dev sass

“vue-element-admin中node-sass怎么换成dart-sass”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯