sass-loader高版本报错this.getOption()……

最新推荐文章于 2024-06-07 15:44:07 发布
最新推荐文章于 2024-06-07 15:44:07 发布
阅读量786 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45803990/article/details/115892806
版权

1.sass-loader高版本报错


Syntax Error: TypeError: this.getOptions is not a function

在这里插入图片描述
安装低版本的sass-loader @版本号。sass-loader对应的版本号

	 cnpm uninstall sass-loader   卸载命令
	 cnpm install sass-loader@10.0.1 --save 安装对应版本

less-loader也是一样的。less-loader对应的版本号

cnpm uninstall less-loader
cnpm install less-loader@7.0.0 --save

2.vue.config中sass-loader报错


在 vue.config中配置 sass-loader又出现错误。

SassError: media query expression must begin with '('

scss 语法会要求语句结尾必须有分号，sass 则要求必须没有分号.

  • 原来是import后引入的没加分号……哭辽
    在这里插入图片描述
陌~上花开
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
node-sass和sass-loader下载.zip
02-18
在实际操作中，为了简化流程，可以先确保你的Node.js环境已经安装并配置好，然后下载`node-sass`和`sass-loader`的对应版本。下载地址通常可以在它们的官方GitHub仓库或者npmjs.com网站上找到。下载完成后，将压缩包...
node-sass 4.12、4.14.1、5 node-sass-loader node_modules 安装包
07-07
1. **版本兼容性**：确保Node-Sass和Sass-Loader版本之间以及它们与Webpack和其他相关库的版本兼容，避免出现不兼容导致的错误。 2. **配置Webpack**：需要在Webpack配置文件中正确设置Sass-Loader，指定它应该处理...
安装sass-loader和less-loader报错this.getOptions is not a function
jlinbk的博客
06-30 193
安装less和less-loader后我们使用lang="less"报Module build failed: TypeError: this.getOptions is not a function 出现这种问题主要是less-loader版本太高了，我们可以手动降低版本 npm install less-loader@5.0.0 --save-dev 降低到5.0.0 ...
sass 版本过高 报错this.getOptions is not a function
weixin_67849181的博客
04-11 220
vue项目中用到sass报错，代码正常无问题，运行报错this.getOptions is not a function。涉及到这个问题，就是版本原因了，我安装的。版本太高，卸载安装低版本即可。
Vue3 + TS + Antd + Pinia 从零搭建后台系统(一) 脚手架搭建 + 入口配置
最新发布
zuo0407的博客
06-07 548
在这里插入图片描述](https://img-blog.csdnimg.cn/direct/6d6dbe3cfd0643d3a8dcab5353b5460e.png。然后用pnpm安装依赖，生成node_modules及pnpm-lock.yaml文件（以下为demo依赖的效果图）此篇Over，未完待续，其他文章更新Ajax通信和路由设置（含动态路由）等。呐----一步一步走，首先我们要有个架子，然后慢慢往里面填充。注：此文件和mian.ts同级。这时候已经可以运行项目了。使用Vite创建项目。
Vue2.x中使用sass-loader报错 Module build failed this.getResolve is not a function
路克森的博客
10-19 573
在使用脚手架搭建完毕Vue 想使用sass编写样式 所以顺利的安装sass-loader和node-sass对webpack进行对应的解析配置 之后加上lang=scss就报错了~ 是不是蒙蔽了~ 其实很简单 只是 咱们的 sass-loader 的版本太高了 适当降低即可 我这里之前是8.0.0的 现在修改为7.3.1就不报错了 注意版本号 修改之后 cnpm install 一下即可 ...
妈呀，sass-loader报错了 TypeError: this.getOptions is not a function
lzfengquan的博客
02-16 2534
你是不是也报错了 TypeError: this.getOptions is not a function 说 getOptions不是一个函数。 网上都说版本高，试了好几个都不行， 就算我按照以前成功的方法执行还是不OK， 以前执行的各种方法也是成功的，这次不行了，不过可以看看 最后终于解决了。 先把我们的node-modules文件包删除了 注意一定要删除了，要不然有缓存问题，造成我们一直可能不会成功 然后我们检查自己的node版本，我的目前是16.5.0 的。 检查原因：发现是当我们写了 lang
SassError: media query expression must begin with ‘(‘，Module build failed (sass-loader/dist/cjs.js)
qq_26889291的博客
06-15 1073
SassError: media query expression must begin with '('
解决vue cli4升级sass-loader(v8)后报错问题
10-15
主要介绍了解决vue cli4升级sass-loader(v8)后报错问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
fast-sass-loader：用于webpack的高性能sass loader
02-06
提示：与一起使用，您将获得10倍以上CSS构建性能特征： 在大型SASS项目中比sass-loader快sass-loader倍支持sass文件重复数据删除，永远不用担心@import在不同位置@import相同文件支持url解析，永远不用担心url(...)...
vue.config.js配置sass scss
aigouzz的专栏
09-12 1156
vue-cli3 直接在 main.js 中引入 scss 文件也可以生效，但如果有单独 mixin.scss，在单页面中使用 mixin 不能生效，所以需要全局配置。
Antd+Vue最详细的搭建流程
10-23
一、搭建基础环境 1. 正常有两种使用vue的方式 （1）第一种直接在html中引入vue脚本使用（简单的代码书写,本人就不在展示了，有兴趣的看Vue直接引入js） （2）第二种使用webpack进行构建（可以书写复杂的代码，推荐） 2. 使用webpack构建环境准备 （1）本人环境 在这里插入图片描述 （2）按照下列顺序安装 node.js安装教程 npm使用介绍（安装后建议使用国内的淘宝镜像cnpm,当然cnpm有时安装会导致项目离奇的无法运行，现在推荐使用yarn进行一个安装，yarn安装教程）
vue-antd-admin:基于vue3 + antd + JavaScript的后台系统
03-11
vue-antd-admin 欢迎使用vue-antd-admin，这是一个基于vue3.0 + antd2.0.0 + vuex4.0 + vue-router4.0的适合新手学习的项目，后台全部采用了composition API的写法，作者也只是个刚出学校的初级菜鸟前端，在vue3的路上不断摸索，不断踩坑，目前的想法是效仿vue-element-admin做一个通用后台，数据使用嘲笑数据，未来会考虑采取ts重组。 antd用的是2.0.0官方文档查看这里 vue3文档查看这里 1，使用成分API 2，使用antd 2.0.0版 3，支持模拟数据 4，支持嵌入式菜单 yarn install 如果纱线安装依赖失败，请删除yarn.lock执行npm install来安装依赖 yarn serve yarn build
安装sass运行报错TypeError: this.getOptions is not a function
weixin_46761843的博客
05-24 3131
一问题： 最近在做一个老项目的迭代，发现老项目都用的是css，过于繁琐，就下载了sass.但是运行就报Error: Module build failed: TypeError: this.getOptions is not a function的错 二排查： 在网上搜索，有文章说是解决less相关问题的说是“ less-loader版本太高了，安装低版本的就没问题啦，比如5.0.0。看当前安装的是less-loader@8.0.0,降级到less-loader@v5.0.0之后也确实好...
【前端VUE3】vue3 + ant-design-vue3 (axios vuex router)
悟空—
12-15 2619
检查是否已安装 node -v npm -v ant-design-vue3 文档 （https://next.antdv.com/components/overview/ ） 1.安装vue/cli: npminstall-g@vue/cli@next 2.创建项目（"vue":"^3.2.13"） vue create ant-vue 选择：Default(vue3) 等待》》》 创建成功 cd ant-vue npm run serve 运行 3.安装ant-d...
关于VUE的一些小知识点
Stupid_name的博客
01-04 491
1.页面加载时需要通过AJAX去获取下拉菜单的SELECT 数据时候， （1）vue 的data里面要定义数据 （2）在方法里面写获取select的方法 （3）在js里面写 方法的调用 （4）在页面中展示 js: var vm = new Vue({ el: '#aa', data: { options:[], }, methods:{ getOptions: fun
Vue npm run dev 运行项目时报!!vue-style-loader!css-loader?
weixin_38694789的博客
10-11 1911
在做vue项目时，运行npm run dev时一直报一个!!vue-style-loader!css-loader? Module build failed: TypeError: this.getResolve is not a function at Object.loader (E:\appEx\PreResearch\orchestrator\topology\node...
vue安装sass后报错 this.getOptions is not a function
Tanjc518的博客
07-13 858
以上安装方式是安装当前最新版本 我卸载了最新版本，安装了9.0.3版本
Media query expression must begin with ‘(‘
记笔记的小地方ヾ(๑╹◡╹)ﾉ"
09-05 794
但是我检查了一下引入base的时候是加了分号的 。因为有时候报错是sass-loader的版本问题，后来sass-loader卸了几次换了几个版本，都没用。 https://www.shangmayuan.com/a/f8e2d8ec83aa4cab8d0a5dfe.html 后来才知道是vue.config.js里配置的问题 实在是很隐蔽，报错根本看不出是这里的问题 这里没有加分号 ...
sass node-sass sass-loader node 版本对照
07-23
根据你的问题，以下是 Sass、node-sass、sass-loader 和 Node.js 版本之间的对照关系： - Sass：Sass 是一种 CSS 预处理器，用于编写更灵活、可维护的 CSS 代码。它可以通过命令行工具或者集成到构建工具中使用。 - node-sass：node-sass 是一个将 Sass 编译为 CSS 的 Node.js 模块。它使用 LibSass 库来进行编译，提供了更快的编译速度。你可以在项目中使用 npm 或者 yarn 安装它。 - sass-loader：sass-loader 是一个 Webpack 的加载器，用于将 Sass 文件编译为 CSS，并将其应用于你的项目中。它依赖于 node-sass 来进行编译。 - Node.js 版本：Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。它允许你在服务器端运行 JavaScript 代码。你可以通过运行 `node -v` 命令来查看当前安装的 Node.js 版本。 注意：以下是一些常见的版本对照关系，但具体的版本要求还需根据实际情况来确定： - Sass 版本与 node-sass 版本没有直接的对照关系，但一般来说，node-sass 应该支持较新版本的 Sass。 - sass-loader 的版本通常与 webpack 版本关联较密切，你需要根据你正在使用的 webpack 版本来选择合适的 sass-loader 版本。 - Node.js 版本要求可能会因为不同的库和工具而有所不同。你可以查阅它们的官方文档或者 GitHub 页面来获取更详细的信息。 希望这些信息能对你有所帮助！如果你有任何其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值