Mac Apple 芯片运行 Vue 项目中 node-sass 转为 sass 遇到的问题记录,node-sass 替换成 sass

发布时间 2023-04-07 18:14:26作者: 一只螺

背景:  

  前段时间因为某些原因将 window 笔记本换成 Mac M1 pro ,

  然后运行项目的时候发现高于node12版本的项目中不支持 node-sass。

   记录下解决相关问题之后的记录?

 

 

Node version : V14

  1、将项目中的 node-sass 插件卸载

npm uninstall node-sass

  

  2、安装 sass 和 sass-loader 插件

npm install -D sass-loader sass

  

  3、运行项目之后提示 /deep/ 报错

    解决方法 :(全局替换) 将项目中样式里面的 /deep/ 改为 ::v-deep 

  4、项目中提示 模版报错

    报错提示:

        

 

    项目代码:

        

 

 

  

  解决方法: 将样式里面的 from 改为 0% , to 改为 100%

 

  项目正常运行!!!