1. 移動端一像素邊框的縮放，我創(chuàng)建了三個文件：mixin.scss ， base.scss，index.scss

在index.scss里面引入全局樣式文件，

在base.scss文件中編寫 根據(jù)媒體查詢設(shè)置不同的縮放比例，報錯如下：

?

@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媒體查詢的相關(guān)文檔，未找到原因。。。。。。

?

[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

最后，看到上面標(biāo)紅的部分，再去看了index.scss文件，

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

猜想是不是因為沒寫分行啊；加上分好，未報錯。。。。。。

走彎路原因： ?模塊創(chuàng)建錯，而且報錯信息直指media查詢需要以{開頭，，后來想了想，可能是因為加載的時候由于沒有分好，加載在一起的時候css代碼沒分割導(dǎo)致的。

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

?

轉(zhuǎn)載于:https://www.cnblogs.com/wangtianli/p/7017954.html

總結(jié)

以上是生活随笔為你收集整理的sass使用相关报错的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。