sass使用相关报错

1. 移动端一像素边框的缩放,我创建了三个文件:mixin.scss , base.scss,index.scss

在index.scss里面引入全局样式文件,

在base.scss文件中编写 根据媒体查询设置不同的缩放比例,报错如下:

 

@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio:1.5){
   .border-1px{
       &::after{
          -webkit-transform:scaleY(0.7)
          transform:scaleY(0.7)
       }
    }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio:2){
     .border-1px{
        &::after{
            -webkit-transform:scaleY(0.5)
            transform:scaleY(0.5)
        }
     }
}

以为是媒体查询的方式写的有问题,以上是代码,查了sass媒体查询的相关文档,未找到原因。。。。。。

 

[HMR] bundle has 1 errors
client.js?7955:161 ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/sass-loader/lib/loader.js?{"sourceMap":false}!./src/style/index.scss
Module build failed:
undefined
^
Media query expression must begin with '('
in D:\WTL-studyMaterial\study_notes\mooc\vue_eleme\eleme_rewrite\src\style\index.scss (line 2, column 1)
@ ./src/style/index.scss 4:14-143 13:3-17:5 14:22-151
@ ./src/main.js
@ multi ./build/dev-client ./src/main.js

最后,看到上面标红的部分,再去看了index.scss文件,

@import "./mixin"
@import "./base"

猜想是不是因为没写分行啊;加上分好,未报错。。。。。。

走弯路原因:  模块创建错,而且报错信息直指media查询需要以{开头,,后来想了想,可能是因为加载的时候由于没有分好,加载在一起的时候css代码没分割导致的。

总之,做事情,不一定只看局部,需要追溯。

 

转载于:https://www.cnblogs.com/wangtianli/p/7017954.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/541187.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

client netty 主动发数据_netty案例,netty4.1基础入门篇十一《netty udp通信方式案例Demo》...

小傅哥 | https://bugstack.cn 沉淀、分享、成长,让自己和他人都能有所收获。专注于原创专题案例编写,目前已完成的专题有;Netty4.x实战专题案例、用Java实现JVM、基于JavaAgent的全链路监控、手写RPC框架、架构设计专题案例、源码分析等。你…

服务器硬件oid,HPE ProLiant DL580 Gen10 服务器

用可扩展 4U 外形提供可扩展性能HPE ProLiant DL580 Gen10 服务器支持多达四个英特尔至强铂金和金牌处理器,与上一代英特尔 至强 可扩展处理器相比,每个内核的性能提升高达 11%[5],可借助 4U 可扩展机箱,实现 4P 计算能力。多达 4…

php-对银行卡号做掩码处理

1.实现代码如下/*** 对银行卡号进行掩码处理* param string $bankCardNo 银行卡号* return string 掩码后的银行卡号*/function formatBankCardNo($bankCardNo){//截取银行卡号前4位$prefix substr($bankCardNo,0,4);//截取银行卡号后4位$suffix substr($bankCa…

最长递增子序列 子串_最长递增奇偶子序列

最长递增子序列 子串Problem statement: 问题陈述: Given a sequence of numbers you have to find out the length of the longest increasing odd even subsequence and print the length of the subsequence. The sequence will be maintaining like, (odd ) -&…

echarts 柱状图不显示y坐标轴_Python+matplotlib自定义坐标轴位置、颜色、箭头

图书推荐:《Python程序设计基础与应用》(ISBN:9787111606178),董付国,机械工业出版社图书详情:用书教师可以联系董老师获取教学大纲、课件、源码、教案、考试系统等配套教学资源。使用Pythonnumpymatplotlib这样的组合…

css3浏览,css3支持哪些浏览器?

CSS3 带来众多全新的设计体验,但有一个问题值得考虑:浏览器对 CSS3 特性的兼容情况如何?因为页面最终离不开用浏览器来渲染,并不是所有浏览器都完全支持 CSS3 的特性。有时花时间写的效果只能在特定的浏览器下有效,这意…

print函数python_带有结束参数的Python print()函数

print函数pythonprint()函数 (print() function) print() function is used to print message on the screen. print()函数用于在屏幕上打印消息。 Example: 例: # python print() function example# printing textprint("Hello world!")print("He…

python各位数字之和为5的数_『Python基础-5』数字,运算,转换

『Python基础-5』数字,运算,转换目录基本的数字类型二进制,八进制,十六进制数字类型间的转换数字运算1. 数字类型Python 数字数据类型用于存储数学上的值,比如整数、浮点数、复数等。数字类型在python中是不可变类型,意思是一个变量被赋予了一个不一样的…

移动游戏加载性能和内存管理全解析 学习

https://v.qq.com/iframe/player.html?vido0512etq2vm&tiny0&auto0 转载于:https://www.cnblogs.com/revoid/p/7039232.html

css 轨道,html-当其他轨道增加时,CSS网格的轨道不会缩...

由于行和列定义中都包含1fr,因此水平和垂直空间受到限制-因此网格项目将平均共享它们.尝试将其更改为自动用于行和列,您可以看到一切正常,但还不完美-请注意,悬停的网格项周围存在空格:.grid--container {height: 100vh;width: 100vw;max-height: 100%;max-width: 1…

带有示例的Python File readline()方法

文件readline()方法 (File readline() Method) readline() method is an inbuilt method in Python, it is used to get one line from the file, the method is called with this object (current file stream/IO object) and returns one line from the file, we can also sp…

++代码实现 模糊综合算法_干货 | 十大经典排序算法最强总结(内含代码实现)...

一、算法分类十种常见排序算法可以分为两大类:比较类排序:通过比较来决定元素间的相对次序,由于其时间复杂度不能突破O(nlogn),因此也称为非线性时间比较类排序。非比较类排序:不通过比较来决定元素间的相对次序&#…

如何恢复osd的auth表中的权限

2019独角兽企业重金招聘Python工程师标准>>> 原因:当你一不小心删掉了osd的auth信息时,重启osd服务,此时ceph -s查看发现osd down 如: [rootceph ~]# ceph osd tree ID WEIGHT TYPE NAME UP/DOWN REWEIGHT PRIM…

nginx服务器配置安全维护,Nginx服务器相关的一些安全配置建议

这篇文章主要介绍了Nginx服务器相关的一些安全配置建议,共计总结了十个小点,需要的朋友可以参考下Nginx是当今最流行的Web服务器之一。它为世界上7%的web流量提供服务而且正在以惊人的速度增长。它是个让人惊奇的服务器,我愿意部署它。下面是一个常见安全陷阱和解决…

带有示例的Python date strftime()方法

Python date.strftime()方法 (Python date.strftime() Method) date.strftime() method is used to manipulate objects of date class of module datetime. date.strftime()方法用于操作模块datetime的日期类的对象。 It takes an instance of the class and returns a stri…

python 发送邮件connect none_使用python向IP地址发送邮件

所以我尝试通过python脚本发送邮件。使用通常的接收者地址格式可以正常工作”userdomain.tld". 当我现在尝试使用带有接收者“user[IP Address]的脚本时,我所有的调试输出看起来都很好,sendmail方法也可以工作,但是邮件始终没有收到。我…

老男孩IT教育38期面授班 学员邢伟的决心书

大家好我叫邢伟,今年22岁,上一份工作是做媒体推广的,拿完奖金饭补全勤奖月薪大概4K左右,在北京生活感觉力不从心现在参加老男孩IT教育linux运维38期,在接下来的学习中,我的目标是毕业后达到月薪12K在接下来的学习中早上…

PS打开PSD文档服务器未响应,ps打不开psd文件的解决方法

很多人用ps做作品的时候,经常遇到psd文件打不开的问题,最常见的有三种原因,有两种可以设置解决,另一种是文件损坏,不可恢复。下面是学习小编给大家整理的有关介绍ps打不开psd文件的解决方法,希望对大家有帮…

strictmath_Java StrictMath cbrt()方法与示例

strictmathStrictMath类cbrt()方法 (StrictMath Class cbrt() method) cbrt() method is available in java.lang package. cbrt()方法在java.lang包中可用。 cbrt() method is used to find the cube root of the given parameter in the method. Here, cbrt stands for cube …

模块---常用模块

import osprint(os.getcwd()) #得到当前目录#os.chmod("/usr/local",7) #给文件或者文件夹加权限,7为最高权限print(os.chdir("../")) #更改当前目录print(os.curdir) #当前目录print(os.pardir) #父目录print(os.mkdir("test1")) #创…