出现VW自适应方案报错already has a ‘content‘ property, give up to overwrite it的原因及解决办法

出现VW自适应方案报错already has a 'content' property, give up to overwrite it的原因及解决办法

背景及原因
解决办法
文章参考

背景及原因

在使用vw自适应解决方案的时候，当引入第三方UI组件库或者使用伪类选择器出现了already has a ‘content’ property, give up to overwrite it的报错。

这是因为postcss-viewport-units插件会自动给html元素添加content属性，由此就造成了伪类选择器的冲突。

解决办法

那么如何解决这样的报错呢？

postcss-viewport-units插件文档其实已经给出了解决办法，配置一个过滤规则函数即可解决问题

首先我们需要安装最新的postcss-viewport-units （很多情况下配置过滤规则函数也解决不了问题就是因为postcss-viewport-units版本太低的原因导致）

npm i postcss-viewport-units@0.1.6 -S

其次.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')
},

重新启动项目，不再抛出类似错误。

文章参考

https://blog.csdn.net/perryliu6/article/details/80965734
https://zhuanlan.zhihu.com/p/164422789

出现VW自适应方案报错already has a ‘content‘ property, give up to overwrite it的原因及解决办法相关推荐

微信小程序新建/导入项目报错：self signed certificate in certificat 和 getaddrinfo ENOTFOUND servic的原因及解决办法
文章目录前言: 报错如下: 一.开发环境: 1.开发者工具版本号: 2.系统版本二.这俩个问题的原因: 三.解决办法: 前言: 笔者今天用新电脑安装了微信开发者工具导入我放在码云上面的小程序代码, ...
闪退没由报错_使命召唤：（cod16）出现的闪退问题以及解决办法
<使命召唤16>无提示闪退桌面解决方法无提示闪退桌面怎么办(有其他问题可以评论留言哦,能解决的小鸿必定竭尽全力) 1.打开游戏看到主菜单后,不要进行游戏,直接按选项,在图形选单里,选择重新 ...
slf4j报错:SLF4J:Failed to load class org.slf4j.impl.StaticLoggerBinder.Defaulting to no-operat有效解决办法
运行maven程序时报如下错误: SLF4J: Failed to load class "org.slf4j.impl.StaticLoggerBinder". SLF4J: D ...
c/c++ 报错：非标准语法，使用＆创建指向成员的指针的解决办法
发生这种错误一般是因为使用了一些函数,而没有加括号导致的,这些函数一般没有参数,所以没有意识到错误. 例: string s; s.c_str; //报错应该为 s.c_str();
报错(SQLite 3.8.3 or later is required (found 3.7.17).)的解决办法
在服务器上刚部署完Django项目,python manage.py runserver 0.0.0.0:8000启动启动的时候报错:django.core.exceptions.Improperly ...
Ubuntu终端颜色全白+报错 bash: /home/dell/.bashrc: 行 144: 语法错误: 未预期的文件结尾解决办法
不知道怎么回事,Ubuntu终端打开直接报错,字体全是白色,虚拟环境也进不去. 不想重装Anaconda的话,参照下边示例. 打开终端,输入 gedit ~/.bashrc 仔细检查有没有不对劲的命令 ...
mysql安装了libaio还是报错_centos6 rpm安装mysql(5.5版本)包括 error : Failed dependencies:libaio的解决办法....
1.先在/opt目录下放了两个rpm包 2.先看系统中是否有其他版本的mysql的rpm包 rpm -qa | grep -i mysql 命令结果如下图: 如果没有此步跳过,否则执行一下命令将其删除 ...
linux开启防火墙后，Docker容器启动报错：ERROR: Failed to Setup IP tables: Unable to enable SKIP DNAT rule 解决办法
目录 1.错误场景和现象 2.原因分析 3.解决办法 1.错误场景和现象 linux开启或重启防火墙后,创建docker自定义网络时 docker network create --driver br ...
启动http报错AH00558:Could not reliably determine the server‘s fully qualified domain name using解决办法
启动http报错,提示如下 [root@ shanan httpd-2.4.29]# service httpd restart AH00558: httpd: Could not reliably ...