安装sass 出现问题 运行npm run dev 报错!

最新推荐文章于 2024-05-07 17:35:24 发布
最新推荐文章于 2024-05-07 17:35:24 发布
阅读量136 收藏
点赞数
文章标签： sass
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mr_2612757/article/details/132819858
版权
本文介绍了在Webpack编译过程中遇到Sass版本过高导致的错误，提供了解决方案：将package.json中的sass-loader版本从8.0.0降低到7.3.1，或者先卸载再安装指定版本7.3.1。
摘要由CSDN通过智能技术生成

这是因为当前sass的版本太高，webpack编译时出现了错误，这个时候只需要换成低版本的就行，下面说一下修改方法，很简单，如下，找到package.json文件，里面的 "sass-loader"的版本更换掉 就行了。

 解决方法：

1、将 "sass-loader": "^8.0.0"，更换成了 "sass-loader": "^7.3.1",

 也可以先卸载当前版本，然后安装指定的版本

2、卸载当前版本   npm uninstall sass-loader

安装  npm install sass-loader@7.3.1 --save-dev

BensonLam
关注
关于laravel下执行npm run dev 或者npm run watch-poll报错的问题
你会后悔吗的博客
07-05 6371
我感觉问题主要是因为操作系统不同的原因，在linux是不需要安装cross-env的，虚拟机里操作那么是不需要安装的，这东西是给windows用的所以，不同的环境下package.json下的内容应该是不同的Windows下需要安装cross_env,所以package.json应该是这样的，路径不对也会出错{    "private": true,    "scripts": {        ...
vue项目npm run dev报错
u012138706的专栏
05-27 3956
使用cnpm install也不行。 ERROR Failed to compile with 1 errors ...
node-sass版本报错
qq_42132814的博客
01-19 339
今天在项目中使用到的sass，在安装完sass-loader时，运行项目报错Module build failed: TypeError: this.getResolve is not a function at Object.loader 在网上搜索一番后发现是sass-loader版本太高的原因，我装的是8.0.0的版本，卸载后安装一个低版本的再运行，项目正常运行，具体操作： 1. npm uninstall sass-loader 2.npm install sass-loader@7.3.1.
sass报错
Leslieliujiahao的博客
06-03 396
一、安装node-sass失败 1.1 npm没有换源 错误原因：没有换源，网速过慢，安装失败。 解决方法： # 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题 npm install --registry=https://registry.npm.taobao.org 1.2 node版本过高 错误原因：node版本过高，与sass版本发生冲突 解决方案一： 百度“完全卸载node”，重新安装低版本的node。如：v12.18.4。 解决方案二：
Node版本超过14导致node-sass版本不兼容报错
最新发布
LB_bei的博客
05-07 978
npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!npm ERR!
解决node-sass版本冲突报错
xiaokar博客
08-02 556
npm运行时sass报错解决方案
解决sass 安装报错，踩坑记（所有sass 安装报错总结篇）
轻风细雨_林木木
04-26 1万+
前言：昨天自己安装了一个新的vue项目，拉取项目以后按装sass依赖就死活安装不上，然后就在网上一顿查，最终解决了。 心酸历程：
npm run dev报错 Module build failed: Error: Cannot find module ‘node-sass’
01-08
有时候会遇到node-sass安装失败的情况，这个现象太正常了，比如： 遇到报错不要慌，先看报错的开头，一般就能找到答案，他说没有找到这个模块 node-sass  这时你可以去项目依赖node_module里边去找一下 ，发现...
npm run dev 报错
03-02
- 最后，再次运行 `npm run dev` 命令，查看是否还报错。 请注意，以上方法仅为可能的解决方案之一，具体解决方法可能因具体情况而异。如果以上方法无法解决问题，请提供更详细的错误信息以便进一步分析和解决。
npm run dev 报错 TypeError: Cannot read property 'split' of undefined at CssModule.nameForCondition
09-08
在项目的依赖中执行"npm install node-sass --save"命令来安装node-sass包。此外，引用中提到了一种判断字符串结尾的方法，你可以尝试使用这种方法来判断格式。例如，通过将字符串使用split函数以结尾字符串为分隔符...
sass-loader版本过高
lzh的博客
07-21 8781
今天在学习狂神的vue实战上手的时候运行项目就死了，配置了半天终于好了 第一个错误：Module build failed: TypeError: loaderContext.getResolve is not a function sass-loader版本太高 解决:（1和2选一个） 修改配置文件，重新安装 //1.修改sass-loader的版本为^7.3.1 //2.重新安装配置环境 npm install 卸载当前，重新下载 // 卸载当前版本 npm uninstall sass
sass 版本过高 报错this.getOptions is not a function
weixin_67849181的博客
04-11 278
vue项目中用到sass报错，代码正常无问题，运行报错this.getOptions is not a function。涉及到这个问题，就是版本原因了，我安装的。版本太高，卸载安装低版本即可。
关于sass版本太高的问题
qq_45031347的博客
11-15 603
【代码】关于sass版本太高的问题。
sass 版本太高 导致api不兼容
shencailing的博客
04-04 474
sass 报错 报错信息 ERROR Failed to compile with 1 error 上午10:45:42
自动化部署npm安装sass是报错，往往是node版本太高导致的
热门推荐
12-13 9万+
就会成功了：看吧，14成功了，15就失败。
Vue项目运行报错解决（node版本高于项目依赖所需版本问题解决）
Asgfcsdn的博客
04-21 2845
node版本高于项目运行依赖的版本。
vue sass相关报错一招解决
陈新科的博客
07-22 2472
首先卸载干净之前安装的和sass相关的所有依赖，或者直接将node_modules和package-lock.json文件删除。执行以下操作然后运行项目即可安装sass-loader安装node-loader安装style-loader或者把package.json里面node-sass和sass-loader版本改成"^7.3.0"就可以了。...
NVM命令行操作命令
chuying1476的博客
12-12 3814
nvm命令行操作命令 1,nvm nvm list 是查找本电脑上所有的node版本 - nvm list 查看已经安装的版本 - nvm list installed 查看已经安装的版本 - nvm list available 查看网络可以安装的版本 2,nvm install 安...
如何使用npm安装和使用sass和less
m0_65450343的博客
05-18 5786
首先，需要电脑安装有node和git 1，如何在npm安装和使用sass 安装命令： npm I node-sass -g 判断是否安装成功： node-sass -v 将scss编译为css: 例如： node-sass a.scss b.css 为什么是scss而不是sass文件，因为scss是sass的升级版，创建sass文件时后缀为 .scss 实时监听scss文件的变化： 例如： node-sass -...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值