(Emitted value instead of an instance of Error) postcss-viewport-units:

報錯信息：
(Emitted value instead of an instance of Error) postcss-viewport-units:
‘.mint-switch-core::after, .mint-switch-core::before’ already has a ‘content’ property, give up to overwrite it.
使用場景：
vue項目中使用Mint-UI，出現這個錯誤。
原因：
兼容性問題

解決方法：
升級一下postcss-px-to-viewport爲postcss-px-to-viewport-opt:

npm i postcss-px-to-viewport-opt

.postcssrc.js中配置示例：

"postcss-px-to-viewport-opt": {
  viewportWidth: 750,     //  視窗的寬度，對應的是我們設計稿的寬度，移動端一般是750，如果是pc端那就是類似1920這樣的尺寸
  viewportHeight: 1344,    // 視窗的高度，移動端一般指定1334，也可以不配置
  unitPrecision: 3,       // 指定`px`轉換爲視窗單位值的小數位數（很多時候無法整除）
  viewportUnit: 'vw',    // 指定需要轉換成的視窗單位，建議使用vw
  selectorBlackList: ['.ignore', '.hairlines'],  // 指定不轉換爲視窗單位的類，可以自定義，可以無限添加,建議定義一至兩個通用的類名
  minPixelValue: 1,      // 小於或等於`1px`不轉換爲視窗單位，你也可以設置爲你想要的值
  mediaQuery: false,      // 允許在媒體查詢中轉換`px`
  exclude: /(\/|\\)(node_modules)(\/|\\)/ 
},

解決啦~