vue项目使用scss时报错

最新推荐文章于 2024-09-06 14:48:15 发布

fern_ok

最新推荐文章于 2024-09-06 14:48:15 发布

阅读量1.5k

点赞数

文章标签： vue 前端 scss

原文链接：https://blog.csdn.net/liuyuemozhu/article/details/103747166

版权

vue项目使用scss，需要安装 node-loader 和 sass-loader

命令：npm install node-loader --save-dev 和 npm install sass-loader --save-dev

然后运行项目报错：Module build failed: TypeError: this.getResolve is not a function

原因：sass版本太高，导致webpack编译时出错，此时需要卸载当前版本重新安装低版本即可。（可在package.json文件中搜索sass-loader查看当前版本。目前8.0.0版本会报错，7.3.1版本可以正常运行）

卸载：npm uninstall sass-loader

安装低版本：npm install sass-loader@7.3.1 --save-dev

重新运行即可

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

fern_ok

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue项目中使用scss出错解决方法

Debug的博客

10-24

5393

vue 使用scss报错 this.getOptions is not a function 通过npm安装sass npm install node-sass npm intall sass-loader 上面命令安装的是最新版的，出现错误的原因就是安装最新版的导致getOptions()不兼容解决方案就是卸载sass-loader，安装低版本，命令如下 npm uninstall sass-loader //卸载 npm install sass-loader@8.0.0 //安装8.0 .

WebPack 4 +TypeScript 3 +Vue 2.5+SCSS 简单环境搭建

学习就像吃饭一样,不可以太着急,否则就会咀嚼不完全,而不消化

08-13

3560

开发环境 VSCODE NPM包管理工具环境名称：node 版本:10.7.0 名称：npm 版本:6.1.0 名称：webpack 版本:4.16.5 名称：typescript 版本:3.0.1 名称：sass 版本:3.5.7 试验软件/包名称：vue 版本:3.0.0-rc.11 名称：typescript 版本:3.0.1 安装步骤项目...

参与评论您还未登录，请先登录后发表或查看评论

vue项目中安装使用scss 报错解决

weixin_43983960的博客

02-15

2398

在vue2项目中使用sass来方便编写css样式，所以需要借助安装sass预编译器来进行处理css，在安装node-sass过程中出现无法安装的问题。

vue安装使用scss报错

WCvison的博客

04-03

1664

vue.js使用scss的报错在vue中使用scss需要安装下面三个package node-sass sass-loader style-loader 但直接用yarn add node-sass这条命令安装的话，最后会报很多错误。因为这个命令默认安装的是该包的最新版本，node-sass和sass-loader会出现不兼容的问题。所以我们用一下命令指定安装兼容版本 yarn add node-sass@^4.14.1 --dev yarn add sass-loader@^7.3.1 --dev

【vue使用Sass报错】启动项目报错 Syntax Error: SassError: expected selector

最新发布

Sissi的个人笔记

09-06

493

看了一下发现是sass使用样式穿透/deep/报的错/deep/其实是已经过期的写法，某个版本之后就不支持了但是我同事并没有出现同样的问题，不知道是为啥，也有可能是电脑（mac）的原因。

【Vue学习】使用 “scss” 时报错‘ vue-style-loader css-loader

java_dazhuzhu的博客

05-01

781

根据路线图上的重点去进行有针对性的学习，在学习过程中，学会写笔记，做总结。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】html5 / css3 学习笔记JavaScript 学习笔记Vue 学习笔记。

vue 使用scss报错

weixin_41451859的博客

04-08

283

在vue项目中使用scss 页面代码：<stylelang="scss"scoped> 执行：npm install sass-loader node-sass 报错: 解决方案（指定版本号）：运行：npm uninstall sass-loader node-sass npm install sass-loader@8.0.2 node-sass@4.14.1 ...

vue中使用scss报错问题记录

阿友友的博客

11-22

899

最近在项目中按照如下步骤使用sass时发现可以成功安装，代码中使用会报错。使用低版本的安装后可以成功运行。

vue使用Sass时报错问题的解决方法

10-14

在Vue项目中，Sass是一种常用的预处理器，它允许开发者使用更高级的语法来编写CSS。然而，在实际开发过程中，可能会遇到Vue使用Sass时的报错问题。本篇文章将详细解析这类问题的原因并提供相应的解决策略。首先，...

VueJS如何引入css或者less文件的一些坑

10-19

在使用Vue.js框架开发Web应用时，引入CSS或Less样式文件是项目中的常见需求。然而，在此过程中可能会遇到一些“坑”，即遇到了难以预料的问题或配置上的挑战。本篇文章将详细探讨在Vue.js项目中引入CSS或Less文件时...

[vue]scss报错

jameskaron的专栏

04-23

229

vue安装node-sass编译报错安装node-scss报错安装node-scss报错在搭建vue脚手架或者是在vue项目中，想使用sass的功能， npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //安装sass-loader npm insta...

关于vue中引入scss报错的问题

The blog of CSDN in 杨天福

09-20

8797

vue中lang="scss"后报错TypeError: this.getResolve is not a function at 由于当前sass的版本太高，webpack编译时出现了错误，这个时候只需要换成低版本的就行，下面说一下修改方法，很简单，如下，找到package.json和package-lock.json文件，里面的 "sass-loader"的版本更换掉就行了，换成如下版本 ...

Vue：scss 报错

SweetMollycai的博客

04-13

142

错误原因来自sass-loader，node-sass@latest为v5.0.0,而sass-loader期望值为^4.0.0不相符合。解决方案： //先卸载当前node-sass npm uninstall node-sass //在安装指定合适版本 npm install node-sass@4.14.1

针对vue项目中使用scss，启动时报错的解决方案

zerodiyi的博客

04-15

1983

在vue项目中的sass-loader主要是用来将sass/scss文件解析成能够被浏览器识别的css文件，而node-sass主要就是为sass-loader提供支持的一个模块，简单来说node-sass可以使sass-loader正常运行，而sass-loader在运行的时候可以将sass/scss文件解析成css文件。此时就是说node-sass的版本没问题,就是sass-loader版本和node-sass不匹配，需要需要重新下载sass-loader。这两个问题的解决方案如上所示。

在搭建VUE项目时引入scss报错

cjcora的博客

12-01

207

在搭建VUE项目时引入scss报错项目跑不起来后面在run的时候就开始报错项目跑不起来在各个搭建好准备初始化项目的时候，发现项目总是加载到一半就不加载了，并且不会报错，卡住的路径是加载scss路径，然后我将main.js文件中的scss文件引入注释掉之后，就能正常跑，可是我需要scss引入后面在run的时候就开始报错然后就看了很多相关帖子有的说是因为配置重复，新版saaa会在unit.js中自动配置，但是我webpack.base.conf.js中并没有重复配置然后我后面报错可能是版本问题，我

vue安装scss报错

XY2015123253的博客

08-05

168

今天想在vue中用一下Scss，但是安装过程中一直报错，主要是卡在node-sass上，最开始提示未找到python，安装完python后还是一直报错，经历一上午折磨，终于看到有人说是因为版本问题导致的报错。认准对应的版本号安装sass，如果是node16就要安装sass6.0以上。

【Vue学习】使用 “scss” 时报错‘:vue-style-loader css-loader?...‘

Loobub_Kala的博客

11-05

5656

使用 “scss” 时报错':vue-style-loader!css-loader?...'错误信息处理办法后续配置错误信息 This dependency was not found: * !!vue-style-loader!css-loader?{"sourceMap":true}!../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-5252bf00","scoped":true,"

【vue】VUE项目中，MAIN.JS引入SCSS文件时报错

庭落

04-24

1664

当我们在src目录下创建.scss文件，并在main.js中引用，运行时会报： ERROR Failed to compile with 1 errors 5:25:07 PM This relative module was not found: * ./main.scss in ./src/main.js 如图所示解决方法：新版本的vue-cli已经帮我们把sass-loader配置...

vue2项目使用scss

05-10

要在 Vue2 项目中使用 SCSS，需要安装 `sass-loader` 和 `node-sass` 两个依赖。 1. 安装依赖 ``` npm install sass-loader node-sass --save-dev ``` 2. 配置 webpack 在 `webpack.base.conf.js` 中添加以下...