前言

今日在进行项目开发的过程中,遇到编译警告异常,此警告虽然不会影响项目正常运行,但对于用心去开发的小伙伴们来说,在自己的项目中,不得存在一点错误,哪怕是一个警告,所以在这里我将帮助遇到这个问题的小伙伴们轻松解决这一问题。

警告异常分析

如下图,可以了解到这是一个警告异常,且异常内容为“start value has mixed support, consider using flex-start instead”即开始值有混合支持,考虑使用flex-start代替
在这里插入图片描述

解决方案

于以上经过分析,了解了异常问题的内容及相关位置,接下来就是找到问题并解决。
1.异常出现位置,如下图:
在这里插入图片描述
2.修改后,如下:
在这里插入图片描述
【温馨提示】在css3盒子模型中使用justify-content: flex-start水平居中属性时,需要加flex为了区分属性,防止混合。

结束语

本文章主要讲述了在vue项目开发中遇到的编译警告异常相关问题分析及解决方法,如有疑问或不足,欢迎小伙伴们留言讨论。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐