解决VUE UI可视化界面使用 less,sass的 style 语法报错问题

最新推荐文章于 2023-03-06 15:09:56 发布
最新推荐文章于 2023-03-06 15:09:56 发布
阅读量572 收藏 2
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Huang58_com/article/details/113888386
版权

less,sass的 style 报错问题

今天,我在使用vue-ui可视化面板下载less的style 处理 插件时，使用less 语法一直出现错误，当时报的错误是这样
在这里插入图片描述
而我的组件 style是这样的（ 测试 ）
在这里插入图片描述

后面我才发现是因为vue-ui可视化界面下载的依赖版本过高的问题
最终我卸载了 less 的所有依赖
在这里插入图片描述
重新下载了低版本的依赖项
npm install less@3.x -save-dev
npm install less-loader@6.x -save-dev

最终解决了 style 的 less 报错问题

Huang58_com
关注
在 Vue CLI 项目中使用 Sass 修改 Element UI 主题色
qq_39383503的博客
03-24 432
本文将详细介绍如何在 Vue CLI 项目中使用 Sass 修改 Element UI 的主题色。文章将分为几个部分，包括安装依赖、创建自定义主题文件、引入自定义主题文件以及解决可能遇到的问题。
【 Vue全家桶 · Vue CLI（二）】Vue CLI 4.0 的详细使用攻略（2020.10最新版）
JZevin的博客
10-13 1567
命令行创建项目 图形化界面创建项目
Vue ui安装less依赖报错
Funchovy
09-04 411
TypeError: this.getOptions is not a function at Object.lessLoade **问题原因：**webpack和less-loader版本兼容问题导致的 **解决办法：**将现有的less和less-loader卸载，重新在Terminal中安装指定版本的less和less-loader npm install less@3.9.0 less-loader@5.0.0 -s 停止sever任务后重启sever即可 ...
vue 项目 style使用less 报错处理
Ailurophile的博客
02-26 608
vue 项目 style使用less 报错处理 解决办法： 1.先安装less依赖： npm install less --save-dev 2.再安装less-loader: npm install less less-loader --save-dev 3.安装完上两个依赖后，重新启动即可：
6.在vue中使用less
qq_39055970的博客
06-30 1068
在vue中使用less1.使用less对Login.vue进行css设置2.下载less相关的开发依赖3.其他样式调整 1.使用less对Login.vue进行css设置 <template> <div class="login_container">登录组件</div> </template> <script> export default {}; </script> // 定义单文件组件必须设置scoped <sty
vue 样式提示 Do not use empty rulesets scss(emptyrules)
Zoriah的博客
06-17 3382
  又是逼死强迫症系列！！！使用的scss样式嵌套，各种高亮显示 o(╥﹏╥)o 解决办法： 在 settings.json 文件中添加如下 "files.associations": { "*.vue": "vue" },
vue+echarts+DataV数据可视化系统源码.zip
06-08
Vue.js 和 ECharts 结合使用，可以让开发者更加便捷地创建动态、交互的数据可视化界面。 DataV 是阿里云推出的数据可视化产品，它提供了一系列开箱即用的可视化组件和模板，如大屏、仪表盘等，可以快速构建出专业...
基于vue实现的大气环境的可视化系统
最新发布
05-07
【基于Vue实现的大气环境可视化系统】是一种利用前端框架Vue.js构建的应用，旨在展示和分析大气环境数据，提供直观的图形界面，使用户能够轻松理解复杂的环境数据。Vue.js是目前非常流行的一种轻量级前端框架，以其...
vue炫酷驾驶舱+echarts
12-13
在本项目中，“vue炫酷驾驶舱+echarts”是一个使用Vue.js构建的交互式仪表盘界面，它展示了如何利用Vue.js的强大功能来创建一个具有吸引力的数据可视化应用。 ECharts 是百度开发的一个开源的可视化库，支持各种...
vue的vue-admin-demo模板
03-11
8. **ECharts图表库**：如果vue-admin-demo涉及到数据可视化，可能会使用ECharts，这是一个基于JavaScript的开源图表库，可以方便地创建各种复杂图表。 9. **路由懒加载**：为了优化性能，vue-admin-demo可能采用了...
【VSCODE-VUE】Do not use empty rulesetscss(emptyRules)
热门推荐
少莫千华
04-25 1万+
问题描述 错误 Do not use empty rulesetscss(emptyRules) css(emptyRules) 源码 <style scoped> .app-main { /*50 = navbar */ min-height: calc(100vh - 50px); width: 100%; position: relative; ...
运行 Vue ui 出现 less 报错
Cyl0110的博客
12-04 151
Error: Cannot find module 'less' 解决办法： 安装less： npm install less --save-dev
visual studio不能使用html的css样式表,Visual Studio代码CSS错误“不要使用空规则集”...
weixin_35779093的博客
06-03 1650
23In CSS, a ruleset is one of the basic building blocks that make up a stylesheet:在CSS中,规则集是构成样式表的基本构建块之一:.example {font-size: 1.25rem;color: red;}An empty ruleset is one that doesn't have any propert...
安装sass依赖，项目中style引用sass报错（转载）
weixin_57988035的博客
12-20 365
问题：安装sass依赖，项目中style引用sass报错 解决：sass-loader的版本过高导致的编译错误，所需要降低版本 npm uninstall sass-loader（卸载当前版本）　　　　 npm install sass-loader@7.0.3 --save-dev 如果还出现问题提示node-sass未安装或未存在，可以在安装一遍node-sass就OK了 ...
在style中使用sass后报错及解决
alice9999999的博客
02-07 844
百度说是sass-loader版本过高，然后指定版本下载： npm install sass-loader@7.3.1 --save-dev 然后再下node-sass后对应配置文件中版本如下： 但是启动后还是报错，如下图： 项目由于安装的node版本不同，安装依赖后导致项目运行失败并有报错问题。 首先需要根据自己电脑安装的node版本对照出当前项目需要下载对应版本的node-sass依赖，对照表如下图： ...
vue2+Element-ui+less的后台管理系统---axios二次封装、动态路由权限、按钮权限函数封装、账号自定义验证封装、管理系统左边导航、面包屑
tangtanglinli的博客
03-06 290
基于vue2的axios二次封装，及动态路由权限
【vue项目部署CSS失效】VUE部署后css样式加载无效和失效多种情况解决方案
赏樱看雪撸代码
12-01 1万+
vue项目部署CSS失效，css样式加载无效，nginx部署css失效，css文件404，服务器样式失效 部署项目css失效
vue 项目配置less
qq_34870529的博客
04-22 1720
1: npm 安装less npm install less less-loader --save-dev 2: 更改配置文件build/webpack.base.conf.js 3: 在module.export对象中，添加rules配置 配置内容： { test: /\.less$/, loader: "style-loader!css-loader!less...
VUE 子组件样式不生效问题 -- scoped CSS穿透 (＞＞＞ || /deep/)
aaron9185的博客
07-22 2029
需求：vue项目中引入了vxe-grid插件，设置class后不生效。 <div class="wrap-container"> <vxe-grid row-key ref="xTable2" class="sortable-tree-demo" :scroll-y="{enabled: false}" :columns="tableColumn" :data="tableTreeD
使用Vue和Echarts打造炫酷数据可视化大屏
通过本教程的学习，初学者将掌握使用Vue.js进行前端开发的基本技巧，并能借助ECharts强大的图表绘制功能以及v-charts组件化的便捷性来快速搭建出具有吸引力的可视化界面。教程还涉及到了Less样式预处理器以及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值