vue爬坑记:sass的学习记录坑

AlexKain AlexKain 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 2.5k累计阅读 2.5k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄8年
关注
原创 最新推荐文章于 2026-08-10 10:30:00 发布 2.5k 阅读 AI 写同款· GEO 优化 ›
关于前端vue框架项目环境搭建-node-sass & Python &Vscode&node-gyp 这些是本媛由于客观原因在一个月内反复配置三次前端环境（三台不同电脑）所遇到的问题回顾，值得重点一提的是，前端环境配置特别在意的是版本对应。所以版本选择上，需要慎重！基本上的报错都可能是版本问题，在每次重新加载依赖之前，保险起见，删除项目中的node-modules文件夹，同时执行一下清除缓存命令 （来自前端友友邓邓的友好提示）其次是淘宝镜像的原因，一定注意淘宝镜像已经发生改变npmmirror 镜像站。 阅读详情

安装sass

npm install node-sass --save-dev
npm install sass-loader --save-dev
  • 安装失败时报的错
Module build failed: Error: Cannot find module 'node-sass'

说明sass没有安装对

Module build failed: Error: Cannot find module 'lodash.clonedeep'

原因同上一个,需要使用正确的命令安装

收录于
vue

当前文章被收录于：

vue
32 篇文章 0 人学习
订阅专栏 查看详情
日常学习和储备[暂存区]

当前文章被收录于：

日常学习和储备[暂存区]
24 篇文章 2 人学习

这是一个关于记录日常学习和知识储备的专栏

订阅专栏 查看详情
标签
#sass
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
Vue2项目中SCSS预编译器迁移指南：从node-sass到dart-sass的兼容性调整 本文详细介绍了在Vue2项目中将SCSS预编译器从node-sass迁移到dart-sass的完整指南。内容包括迁移原因、准备工作、常见兼容性问题解决方案、高级配置优化技巧以及迁移后的验证测试方法，帮助开发者顺利完成迁移并提升项目维护性。重点解决了/deep/选择器、@import路径和除法运算等关键兼容性问题。 阅读详情

相关推荐

某盾blackBox逆向——纯算

某盾blackBox逆向——纯算

Lzyydsb的博客 5893

实习总结——vue运行时问题（npm run dev）

运行时问题（npm run dev）: 1,npm run dev报错： This dependency was not found: * !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-compiler/index?{"v...

admvli2016的博客 2316

Mac用户必看：Parallels Desktop 18.1.1最新破解版安装与优化全攻略（附资源）

本文为Mac用户提供Parallels Desktop 18.1.1的详细安装与优化指南，涵盖虚拟化技术选型、专业级配置流程及性能调优技巧。重点解析Parallels Desktop在图形加速、系统资源调度方面的核心优势，并分享生产力增强技巧与典型应用场景实战方案，帮助用户最大化利用这一高效虚拟化工具。

weixin_29240343的博客 825

node.js升级后npm 报Cannot find module的解决版本

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_33790053的博客 1106

接入 deepseek 实现AI智能问诊

必须包含user角色，用于传递用户输入。system角色可选，用于设置对话背景。多轮对话需要将历史记录添加到messages中。

weixin_51326478的博客 6543

聚类教程：cisTopic——来自单细胞表观基因组学数据的顺式调控主题的概率建模

之前运行这步的时候报错了如下： 后来发现原因是Ubuntu自动把R包更新到4.2版本，但是Rstudio版本没有更新，更新Rstudio即可,更新Rstudio的教程看此教程：。

watermel__的博客 1051

Cannot find module 'lodash'

出现该问题的场景多样，但解决方法基本类似。 本文以lodash模块为例 如果是拉取代码后运行时出现Cannot find module lodash，通常是其他人提交了一个插件lodash，而你本地环境中没有，可以直接去package.json中查看有没有lodash，如果有的话，那证明你的node_module中并没有安装该lodash，使用cnpm install安装下即可。 如果发现pac...

山海一哥的博客 2万+

基于STM32的智能电子秤设计毕业论文

摘要：本文设计了一款基于STM32F103C8T6的智能电子秤系统，通过HX711称重传感器实现高精度测量，采用OLED显示和矩阵键盘完成人机交互。系统包含重量采集、数据处理、单价设置、去皮清零及总价计算等功能模块，经测试测量误差小于0.1%，稳定性良好。研究实现了低成本、高可靠性的智能称重方案，为后续无线传输和AI算法集成奠定了基础。关键词：STM32；智能电子秤；HX711；OLED显示；矩阵键盘。

3254968421的博客 849

报错Module build failed: Error: Cannot find module ‘copy-anything‘

【代码】报错Module build failed: Error: Cannot find module ‘copy-anything‘

小蚂蚁的博客 1086

华为OD机试新系统真题 【查找最佳充电策略】

华为OD机试 新系统真题【查找最佳充电策略】，提供C语言、Java、C++、Python、Go、JavaScript源码实现，并提供完整思路讲解，以及在线OJ模拟做题。华为OD机试真题【查找最佳充电策略】多语言题解。

qq_45776114的博客 435

【ArcGIS微课1000例】0118：一文讲清楚tif（geotiff）栅格数据格式

TIFF（Tagged Image File Format）是一种常见的图像文件格式，它被广泛用于存储和传输各种类型的图像数据。图像存储：TIFF格式可以存储多通道的位图图像，包括灰度图、彩色图和透明度图等。它支持不同的像素深度，可以是8位、16位、24位或32位等。因此，TIFF格式非常适合存储高质量的图像数据，包括照片、卫星图像、医学影像等。无损压缩：TIFF格式支持无损压缩，这意味着图像可以被压缩而无需损失任何像素信息。这种压缩方式可以减小文件大小，而不会降低图像的质量。

智慧空间实验室 2822

把一个vue项目拷贝到另一个地方启动不了的解决办法（Error: Cannot find module ‘’'）

公司的项目拷贝到家里，是不是就启动不了了。虽然使用了cnpm install安装之后还是疯狂提示你缺少什么什么包，而且按照他的提示永远安装不完。就像下面这样   造成这样的原因是当你在一台电脑上编译后npm会有cache缓存，到另外一台电脑上编译这个项目的缓存与原缓存不一致，导致编译报错。   解决办法： 1. 删掉node_modules文件夹， 2 .执行 npm cache cl...

林钹渊的博客 1万+

复分析 阿尔福斯(Ahlfors) 第三版答案 英文

答案分为十章，有部分习题没有答案，全英文复分析阿尔福斯(Ahlfors) 第三版答案

vue2 sass 安装及使用

vue-cli sass

lsswear的专栏 1万+

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术，以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索，主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式，计算机控制系统的数学描述与基本分析方法，以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

OV9734 DATASHEET，完整规格书

OV9734完整规格书，包括电气参数，尺寸规格，寄存器配置表等

vue中使用sass 及 vue中node-sass 和 sass-loader 不兼容的问题

最近在学习vue框架，想在vue中使用sass写样式，但在vue中安装的node-sass 和 sass-loader后 ，在style中写样式总是报错。 下面是我对这个问题的一点记录

LANCE的博客 5151

蓝牙模块HM-10手册

蓝牙模块HM-10手册，该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

学习记录:（sass的一些实用技巧）

sass的实用技巧，包括sass变量使用、sass常用函数、vue在sass中使用js变量

Blood97的博客 1705

vue3+vite中引入sass,使用sass变量

然后我们就可以在其他文件中直接使用变量。并且variable.scss中书写的样式可以全局使用并且生效的。如果我们不使用vite配置文件这种方式，可以单独引入然后使用变量。文件，使用:export{}语法用来导出变量。我试过了直接main.ts中引入变量文件，变量无法使用。我们可以单独新建一个存放变量的sass文件。指定使用 sass API。然后我们在vue文件中使用。可以在vite中添加配置项。在vite中，我们可以在。文件的css选项中配置。文件的顶部先引入变量文件。然后就可以正常使用了。

qq_46102720的博客 7746

vue-admin-template项目将node-sass迁移至dart-sass踩坑记录

node-sass升级至dart-sass问题解决

weixin_42190844的博客 1431

踩坑：Vue sass-loader V10配置全局变量

本文字数：349 预计阅读时间：1.5分钟 问题：Vue中使用 scss 配置全局变量时 报错 ~ 版本信息： Vue 2.6.11 Cli4.5.00 sass-loader10.0.2 node-sass4.14.1 Sass、Less是强化 CSS 的辅助工具，它并不是一门语言，但能有效提高开发效率，最直白的感受是大幅度减少了各种寻找Class，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mix...

米斯特曹 8235

vue小白踩坑记

最近有接触到一个网站内容管理的后台系统，项目很小，但对我而言，vue是挺难的，因为我一直是保持对vue和element的轻量级接触，往深了就是根本不会，也不懂。可没办法，因为这是我的工作，必须要做。 因为我有一段时间没有接触过vue的配置和环境了，大概半年多吧，我感到前端的变化真的是太快了，这次npm的坑我踩了不少，就是因为前端的环境我没跟上。 坑一：如果不能确定可以遵守ESLint规范的话，...

代码随想录 237

vue学习笔记——node-sass安装的各种坑

一、在执行npm run dev时遇到“Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (83)”错误。 按提示信息应该是Node-sass版本在当前环境运行不了，查阅后采用网上的解决方法，把Node-sass删除再重装： 1.卸载当前版本node sass npm uninstall --save node-sass 2.重新安装node sa

huangzhuang1028的博客 1420

Vue3安装最新版sass-loader node-sass报错解决方法

最近在升级前端项目框架，之前的前端框架是Vue2.0构建的，最近打算全部都升级到最新版的，nodejs升级到了目前最新版v16.13.2，Vue ^3.0.0，VueCLI~4.5.0，然后在升级SASS预处理器时执行安装命令报错了 执行vue-loder官网的安装命令npm install -D sass-loader node-sass报错如下： 大概意思是依赖包冲突了，VueCLI4版本用的webpack版本依赖和sass-loader用的webpack依赖冲突，需要更新依赖或者降

QC班长的博客 4237

Vue2.0项目中使用sass(踩坑之路)

今天用2.0创建项目的时候，使用scss一直不成功，一直报错……………… 记录一下，防止下次踩坑 1、安装依赖包 vue的webpack项目中需要安装上node-sass、sass-loader和style-loader，所以，在项目中，运行一遍： npm i node-sass sass-loader style-loader -D 运行以上的命令之后，将在package.json文件中的“devDependencies”属性中看到对应的版本号。 2、配置loader 在项目中的build目录找到web

达拉崩巴斑得贝迪卜多比鲁翁_ 1318

坑爹的scss：怎样在vue项目安装使用scss（node-sass和sass-loader遇到的所有坑）

1，安装： npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //安装sass-loader npm install style-loader --save-dev //安装style-loader 有些人安装的是 vue-style-loader 其实是一样的！ 2，配置： webpack.base.conf.js找不到？可以在build文件夹里面找到 在webpack.ba...

南北极之间 5197

【谷粒商城踩坑记】第二坑 renren-fast-vue的node-sass问题

第二坑 renren-fast-vue的node-sass问题前端开始，第一关就是源码运行，直接报错以下内容：node-sass@6.0.1 postinstall: `node scripts/build.js`这个在老的前端项目中，特别是使用了sass的项目中经常会出现。其实当时没有记录下具体的解决流程，这篇文章也是后而补的，大概记得一些关键点。首先是node版本最好和视频里的对应，10.16...

硬核项目经理 361

sass学习记录及vue实践

第一章：Vue中实践样式文件复用（模块化导入） **说明：**通常项目中复用的样式值（变量）和样式段（mixin）会统一放在一个.scss文件中（common.scss）供项目使用，主要来学习common.scss文件的使用 组件中使用 在组件的scss文件中直接导入，属于谁用谁引： @import '../assets/style/common.scss' 全局中使用 秉着懒的原则，对于这些高度复用的东西，能一次搞定自然是最好的： // 在main.js中引入全局样式 import './as

weixin_50235632的博客 222
上一篇： vue爬坑记:全局面包屑组件
下一篇： 日常技巧汇总贴
点赞 0
评论 1
书签 书签 1
AlexKain
AlexKain
博客等级 码龄8年 35粉丝 105原创
+ 关注 专栏目录 订阅专栏
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值