标签：scss vue cli3 sass -- 报错 版本 安装

vue3如何使用scss

2022/4/3

网上有一大堆教程，但是怎么安怎么报错… 版本问题真的很难解决。今天终于成功了，记录一下安装方法：

1. 全局通过cmd执行vue add style-resources-loader

   

    

   安装完成以后项目根目录下应该已经建立好vue.config.js了，并且根据安装时的选择已经添加好了sass/scss配置

2. 在当前项目中安装依赖：

   npm i node-sass@7.0.1 --save-dev
   npm i sass@1.49.9 --save -dev
   npm i sass-loader@10.1.0 --save-dev

   我安装的是上面的三个版本。特别注意，安装的过程中可能会报错：

   

    

    这种报错都是因为版本出现问题了，npm安装的过程中出现了冲突从而报错崩溃。可以通过携带参数的方法解决：

   • --force：强制以最后下载的依赖项覆盖任何以前下载的（冲突的）依赖项

   • --legacy-peer-deps：忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本modules共存

   一般情况下，使用--legacy-peer-deps会更加稳妥。如果安装时报错，则带上这个参数就可以了

3. 重启vue-cli项目，大功告成！

   

参考博文：

• https://juejin.cn/post/6971268824288985118

• https://blog.csdn.net/weixin_46972614/article/details/123395510

标签：scss,vue,cli3,sass,--,报错,版本,安装
来源： https://www.cnblogs.com/leequeue/p/16095435.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。