使用手淘VW適配方案后造成偽類使用content報錯的解決辦法


報錯如下:

warning  in ./src/style/common.scss

Module Warning (from ./node_modules/postcss-loader/src/index.js):
Warning

(410:1) '.is-progress::before' already has a 'content' property, give up to overwrite it.

 @ ./src/style/common.scss 4:14-226 14:3-18:5 15:22-234
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.81:8080/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

報錯原因:

postcss-viewport-units 插件自動給每個元素添加了content

解決辦法:

配置.postcssrc.js的postcss-viewport-units:

'postcss-viewport-units': {
  filterRule: rule => rule.selector.includes('::after') && rule.selector.includes('::before') && rule.selector.includes(':after') && rule.selector.includes(':before')
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM