vue-element-admin中node-sass换成dart-sass,安装依赖报code 128多种问题的解决方法

作者:.故友 时间:2024-05-28 16:10:48 

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

1、node-sass换成dart-sass

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

vue-element-admin中node-sass换成dart-sass,安装依赖报code 128多种问题的解决方法

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

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

npm uninstall node-sass

npm install sass -S -D

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

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

首先是这种情况

vue-element-admin中node-sass换成dart-sass,安装依赖报code 128多种问题的解决方法

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

还有以下这种情况

vue-element-admin中node-sass换成dart-sass,安装依赖报code 128多种问题的解决方法

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

3、unable to resolve dependency tree

vue-element-admin中node-sass换成dart-sass,安装依赖报code 128多种问题的解决方法

这是因为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

 这样就用dart-sass替代了node-sass完成了

来源:https://blog.csdn.net/weixin_44690156/article/details/125312667

标签:vue,node-sass,dart-sass
0
投稿

猜你喜欢

  • Mysql DDL常见操作汇总

    2024-01-22 05:30:09
  • 中国目前流行的网页设计风格

    2007-12-20 12:57:00
  • Python socket实现简单聊天室

    2022-06-20 02:13:27
  • Python写一个简单的在线编辑器

    2022-07-26 22:49:17
  • Django实现文件上传下载功能

    2023-06-13 20:09:46
  • 单步调试 step into/step out/step over 区别说明

    2022-03-09 20:03:26
  • JavaScript能判定两个function等价吗?

    2009-08-13 14:45:00
  • asp中文URL编码server.urlencode

    2008-08-08 11:22:00
  • 利用Vite2和Vue3实现网站国际化的全过程

    2023-07-02 17:09:14
  • 新浪乐居的人不好!哈哈

    2009-07-23 20:39:00
  • 详解PHP中的mb_detect_encoding函数使用方法

    2023-11-14 19:48:45
  • Python返回数组/List长度的实例

    2023-10-12 14:03:28
  • Can't connect to MySQL server的解决办法

    2024-01-19 07:30:31
  • PHP实现的微信公众号扫码模拟登录功能示例

    2023-11-22 18:13:08
  • 解决Vue警告Write operation failed:computed value is readonly

    2024-04-09 10:49:25
  • Python 把序列转换为元组的函数tuple方法

    2022-11-11 15:06:58
  • MySql节点管理安装步骤

    2010-10-14 14:13:00
  • Django vue前后端分离整合过程解析

    2022-04-07 21:01:04
  • 关于你不想知道的所有Python3 unicode特性

    2022-03-03 13:06:40
  • Go语言atomic.Value如何不加锁保证数据线程安全?

    2024-04-25 13:16:52
  • asp之家 网络编程 m.aspxhome.com