Cannot find module ‘node-sass‘的解决方法思路

2023-10-29

搞了两个小时,排查是版本不匹配的问题:提供几种思路

NODE-SASS

一、NODE版本导致

node -v

如果是V16+,先尝试一下小代价的命令,不行就只能卸载Node了
(1)【小代价】卸载不一致的sass,如果不行请(2)

// 卸载命令
npm uninstall sass-loader

npm uninstall node-sass -D

// 安装
npm i node-sass@4.14.1 --save-dev

npm i sass-loader@10.1.0 --save-dev

(2)【重装】重装
如果的版本是V16+,并且代码脚手架是网上下载的,如ElementUI,那请重新装一个V14版本
NODE官网
(重装很简单,Window自带卸载。但是记得要修改环境配置、重新打开VSCode)
在这里插入图片描述

1.1 重装Node之后导致的 Failed to resolve loader: sass-loader

重装之后其他对应配置也要修改,可能会触发报错(引用Saas报错)
在这里插入图片描述
需要对应安装sass和loader(且慢)

npm i node-sass -D

npm i sass-loader -D

但是,上述命令默认安装的都是最新版本,可能会出现版本不匹配导致的报错(一种最优解)

npm i node-sass@4.14.1 --save-dev

npm i sass-loader@10.1.0 --save-dev

最后愉快的 npm run dev ,成功~

1.2 重装Node后,可能其他所有都要重装

谁知道之前你有什么骚操作,所以可能会需要重新配置…
本质:命令要重新打一遍(网上很多,此处只列举命令)

// 安装npm
npm install -g cnpm --registry=https://registry.npm.taobao.org

// 安装 vue-cli
npm install vue-cli -g

// 安装webpack
npm install webpack -g

// 选装:安装sass(如果用到的话,如果没用到不安装)
npm i node-sass@4.14.1 --save-dev

npm i sass-loader@10.1.0 --save-dev

参考:sass-loader与node-sass不匹配导致的问题

1.3 如果还不行,Node已经为V14,请继续百度

有更好的方式可以留言,欢迎讨论

二、资源缺失

2.1 网络原因导致

原因:网络的原因导致下载安装的no-model报的缺失,导致了项目的不完整,所以导致不能重启

cnpm install node-sass@latest

此原因参考:https://blog.csdn.net/weixin_45114701/article/details/100811980
这种方法,大家可以尝试下,我没遇到…

三、安装node-sass时报python2错误

3.1 网络原因

网络隔离(FQ)的问题导致
(1)设置sass_binary_site指向淘宝镜像地址

npm i node-sass --sass_binary_site =  https://npm.taobao.org/mirrors/node-sass/

或者设置系统环境变量的方式

 // linux、mac 下 
 SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass 
 
 // window 下 
 set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ && npm install node-sass

(2)代理后安装Sass

cnpm install node-sass

(3)愉快的 npm run dev,成功~

npm run dev

评论区欢迎补充讨论,避免其他人踩坑,毕竟刚学都是小白

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Cannot find module ‘node-sass‘的解决方法思路 的相关文章

  • Angular 6 构建中的 style.js 是什么

    偷看html源代码 我使用 sass 使用 ng 6 构建 SPA 我找到了这些文件列表 我想知道 style js 是做什么用的 我正在
  • 如何在 ionic 4 中提供警报控制器 css?

    我想在 ionic 4 中提供警报控制器样式 这些是我的演示代码 async presentalert const alert await this alertCtrl create header DO YOU WANT TO CANCEL
  • Compass (sass) 和 Web 开发人员扩展

    我经常使用 Web 开发人员扩展中的 编辑 css 功能来编辑样式表 这是一个很棒的功能 但编辑 css 并将其复制回编辑器进行保存需要时间 我计划在下一个项目中使用 Compass 我想知道如何使用 SASS Compass 的 编辑 c
  • 指南针手表编译一次,无法注意到进一步的变化

    我在 Windows 7 上使用 SASS Compass 我最近将 SASS 从 3 2 10 升级到 3 4 2 将 Compass 从 0 12 2 升级到 1 0 1 我通过卸载旧版本并在命令提示符中使用 gem uninstall
  • 用于匹配编号大于的类的 CSS 选择器

    我有一个使用 Sencha Touch 2 开发的移动混合应用程序 需要根据其运行的 iOS 版本进行一些自定义 我的 Sass 样式表中曾经有以下选择器 x ios 7 put here iOS7 customizations 现在 iO
  • Webpack 的 sass-loader 构建时间较慢

    Summary 当我们改用 Webpack 处理 SASS 文件时 我们注意到在某些情况下构建时间变得非常慢 使用以下方法测量构建的不同部分的性能后测速插件 https www npmjs com package speed measure
  • 在 Sass mixin 中跳过可选参数

    我有这个 mixin 来处理简单的 CSS3 线性渐变 mixin linear gradient from to dir bottom dir webkit top ie filters false background color to
  • 修改变量后动态重新导入 Sass 部分

    我正在开发一个利用 Sass 预编译的 Twitter Bootstrap 的项目 每次覆盖变量时 我都必须重新导入 bootstrap sass文件到我的项目主样式表以使覆盖生效 您是否知道如何使此过程自动进行 以便每次修改变量时立即生效
  • 如何根据 Angular 中的全局 CSS 类名调整组件的 CSS?

    我们正在使用一个类html 判断用户是否在的元素dark or light应用程序的模式 这个类是使用添加的Renderer2在检测用户所选设置的服务中 到目前为止效果很好 现在 我们必须调整所有组件 以便在黑暗模式下也能看起来很好 但问题
  • npm install -D sass-loader node-sass Vue.js 2021

    您好 问题是为 Vue js 设置 SASS 我跑 Node js 15 7 0 Vue js vue cli 4 5 11 这是我在运行此命令时在控制台中遇到的错误 npm install D sass loader 节点 sass np
  • 如何在 scss 中包含仅限 Safari 的样式? [复制]

    这个问题在这里已经有答案了 我只是想修改仅适用于 safari 浏览器的样式属性 这将覆盖默认属性 简单的例子 Default div color blue Safari 浏览器 div color red 我想这可以通过 scss 的 i
  • 让 Compass 将供应商前缀添加到动画选择器

    谁能告诉我如何让 Compass 在编译时将供应商前缀添加到 CSS3 动画选择器中 我的配置文件如下所示 http path css dir sass dir images dir img javascripts dir js outpu
  • 我的整个 Rails 应用程序仅从一个文件获取 css 为什么

    我为两个控制器添加了不同的 css 文件 但我的整个应用程序仅从product css 我为两个控制器添加了不同的 css 文件 但我的整个应用程序仅从product css我为两个控制器添加了不同的 css 文件 但我的整个应用程序仅从p
  • SaSS 循环使用

    我想创建类 将特定边距应用于我的块 例如 standard margin top margin top 10px standard margin bottom margin bottom 10px small margin top larg
  • 如何使用 Antd / Less 和 Sass / CSS 模块配置 Next.js

    我想用Next js https nextjs org 带有 Sass 和 CSS 模块但也想使用蚂蚁设计 https ant design 并希望对较小的建筑尺寸使用 Less 样式 我可以启用 CSS 模块或 Less 加载器 但不能同
  • 节点 sass 无效 CSS

    node sass 是否支持 use 由于我收到此错误 SassError t family fonts 之后的 CSS 无效 预期的表达式 例如 1px 粗体 为 roboto 这是 Nav scss 的代码 nav width 100
  • scss bootstrap 4 覆盖地图

    我正在尝试使用 Bootstrap 4 进行 scss 但我不知道如何正确地覆盖变量 使用映射 自定义 scss Your variable overrides primary rgb 40 167 36 spacer 1 spacers
  • Sass 部分导入

    我有 sass 编译的问题 当我有一个部分的项目时 partial scss并将其导入到多个部分文件中 因为它包含颜色变量 它将多次出现在编译的 css 中 这很丑陋 因为同一个规则会多次 推翻 自身 这使得调试信息 chromium 开发
  • Bootstrap 使用 SASS 和 fontawesome 图标分隔符修改面包屑

    所以我正在尝试更改默认值breadcrumb与 SASS 的风格 我已经按照官方 Bootstrap 4 beta 3 文档中提到的方式设置了所有内容 我更改了以下内容custom scss breadcrumb divider f105
  • 与 webpack 捆绑时如何为每个 .scss 文件提供变量.scss?

    这是我当前的项目目录结构 因为我想不出更好的方法来组织每个组件都有自己的用例 scss文件 但是 整个应用程序都提供主题 其中包括全局variables scss文件 目前 我正在导入variables scss文件位于每个组件的顶部 sc

随机推荐

  • Docker 之MySQL 重启,提示Error response from daemon: driver failed programming external connectivity on **

    今天刚刚修改基于Docker服务的MySQL配置参数 准备重新加载MySQL 容器 提示如下截图的错误信息 root localhost docker restart 7d98a59a8012 Error response from dae
  • 【Vue】【01】vue环境搭建

    1 环境安装 https nodejs org zh cn 选择长期维护版 下载完成下一步下一步安装 建议选择版本低的行安装 2 cmd命令 node v npm v 3 淘宝镜像cnpm npm install g cnpm regist
  • 如何使用GPT2中文闲聊对话系统,机器人对话,自动对话!

    目录 目录结构 运行环境 首次运行 如何训练自己的模型 数据预处理 训练模型 如何确定这个 val num数值 编辑 编辑最后说明 打算做一个微博自动评论的一个模型 假象可以模拟回复粉丝 或者评论其他微博 首先下载GPT2模型代码 http
  • 运维实践

    欢迎关注 WeiyiGeek 点击 下方卡片 即可关注我哟 设为 星标 每天带你 基础入门 到 全栈实践 再到 放弃学习 涉及 网络安全运维 应用开发 物联网IOT 学习路径 个人感悟 等知识 花开堪折直须折 莫待无花空折枝 作者主页 ht
  • (已解决) org.apache.ibatis.ognl.OgnlException: source is null for getProperty(null, “staffId“)

    问题现象 今天在项目中遇到一个mybatis的报错 org apache ibatis ognl OgnlException source is null for getProperty null staffId 这是我之前从未遇到过的问题
  • 如何结合FT2232HL/CMSIS-DAP+Eclipse+OpenOCD软硬件工具使用SWD调试接口在Windows10操作系统在线调试S32K3XX(Cortex M7)

    由于我们公司自己需要开发烧录工具 本人通过google搜相关文档和看ARM公司的技术文档 终于实现了这个功能 因为涉及的内容知识点比较多 对于玩嵌入式MCU的小白来说要普及的知识 逐个介绍篇幅会比较长 本文中只介绍相应的关键知识点 篇幅有相
  • 大家好,这里是第一篇博客文章!

    大家好 我的第一篇CSDN博客与大家见面了 去年曾经在班级微信公众平台写过一篇关于MySql的安装及配置的推送 周围同学的反响还都不错 想着为今后找到一个技术分享交流的平台 也能够快速地增删改查已发布的文章 并且进行有效的沟通交流 便开通了
  • 面向对象的设计原则

    开放封闭原则 软件实体 类 模块 函数等 应该可以扩展 但是不可修改 大白话 就是面对新需求时 现有的类最好不做修改 以增加新的类的方式来完成新需求 这样方便维护和扩展 依赖倒转原则 抽象不应该依赖细节 细节应该依赖于抽象 1 高层模块不应
  • 慕课:软件测试各章节答案

    说明 1 该课程为西北工业大学的软件测试的慕课 2 绿色选项为正确答案 题目后括号中的答案为本人的作答 对的用绿色标示 错的用红色标示 与错题集类似 第一章 软件测试基础 1 软件测试目的是什么 ABC A 修正软件错误和缺陷提高软件质量
  • NUC980开源项目29-W25N01挂载YAFFS2文件系统

    上面是我的微信和QQ群 欢迎新朋友的加入 配置内核 取消ramdisk 设置Boot option set bootargs noinitrd root dev mtdblock2 rootfstype yaffs2 rootflags i
  • 互连线的阻抗不连续

    前言 保持互连通道的阻抗连续性 是信号完整性设计的一项重要内容 互连通道中如果存在阻抗不连续点 不仅会引起待传输信号本身的反射 而且可能还会放大其他方面因素的影响 例如串扰噪声耦合到邻近线 在临近线上传播 如果邻近线上存在多处不连续点 串扰
  • 亲密关系-【有效表达】-如何完善自己的表达思路?

    有效沟通三步 1 正面假设 2 区分感受和结论 3 区分请求和命令 案例 最近工作压力大 跟老公说我需要他安慰 他却觉得我作 还说最近是不是闲的 你需要安慰 老公理解的是 老公说你作 你听到的是 攻击 不想再表达 你听到这件事 想说些什么
  • 关于数据治理ChatGPT是如何回答的?

    这两天你的朋友圈是不是被火爆全网的ChatGPT霸屏了 你是不是已经迫不及待感受过ChatGPT带来的惊喜 那你知道ChatGPT是什么吗 面对掀起的一波话题热潮 好奇使然 小编去特别关注了一下最近火热的ChatGPT 看看这是何方神圣 竟
  • openvas漏洞扫描器

    提示 文章写完后 目录可以自动生成 如何生成可参考右边的帮助文档 文章目录 一 openvas简介 二 作用 三 安装及使用 openvas架构 在这里插入图片描述 https img blog csdnimg cn f46eba30a8a
  • jvm垃圾回收机制原理读书笔记

    可达性分析 主要是用来解决哪些对象是不可用的 可以被回收 以一系列称为GC Roots的对象为起点 若对象到GC Roots之间没有任何引用关系 则认为该对象是不可用的 可以被回收 具体可作为GC Roots的对象如下 不是全部 所有Jav
  • 基于随机森林特征工程语音用户满意度分析(数据预处理+随机森林)

    1 背景 数据分析而言 数据是显而易见的核心 但是并不是所有的数据都是有用的 存在不完整的 含噪声的和不一致的数据是现实世界大型的数据库或数据仓库的共同特点 一些比较成熟的算法对其处理的数据集合一般有一定的要求 如数据完整性好 数据的冗余性
  • 小程序生成长图(预览,不限高度)+小程序码+小程序码中间logo换成自定义logo

    上条博客已经介绍了如何云调用生成小程序码 链接地址 https blog csdn net mingjuna2010 article details 92796711 这条博客我们来介绍小程序中怎么生成长图 如何预览 并且在长图中绘制小程序
  • Ubuntu虚拟环境的创建与退出

    第一 安装Anaconda 并将其移入到系统环境变量中 查看安装结果 conda info或conda V 第二 创建虚拟环境 conda create name py38 python 3 8 第三 每次使用虚拟环境时需要激活环境 激活方
  • Spring注解扫描:ComponentScan使用及原理详解

    1 概述 当下Spring Boot之所以能成为主流首选开发框架 得益于其核心思想 约定大于配置和Spring提供的基于注解配置式开发 解决了繁琐的XML文件配置问题 大大提高了开发效率 基于Spring MVC三层架构框架开发的项目中大量
  • Cannot find module ‘node-sass‘的解决方法思路

    搞了两个小时 排查是版本不匹配的问题 提供几种思路 NODE SASS 一 NODE版本导致 node v 如果是V16 先尝试一下小代价的命令 不行就只能卸载Node了 1 小代价 卸载不一致的sass 如果不行请 2 卸载命令 npm