less报错但是找不到错误原因怎么办

Question

*{	margin: 0;	padding: 0;	box-sizing: border-box;	font-family: "微软雅黑";}a{	text-decoration: none;}body{	max-width: 1000px;	font-size: 16px;	margin: 0 auto;}.header{	width: 100%;	height: 30vh;	display: flex;	position: relative;	overflow: hidden;	&__a{		width: 100%;		display: block;		transition: all .5s;	}	&__img{		width: 100vw;		height: 100%;		img{			width: 100%;			height: 100%;		}	}	&__div{		position: absolute;		color: #eee;		*{			float: left;		}		a{			width: 16px;			height: 16px;			color: #eee;			margin-bottom: 3px;			img{				height: 100%;				width: 100%;			}			p{				font-size: 			}		}		i{			position: absolute;			display: block;			width: 16px;			height: 16px;			background: url(../images/search.png) no-repeat;			background-size: 100% 100%;		}		input{			width: 80vw;			background: rgba(250,250,250,.5);			border: none;			border-radius: 3px;		}	}}

为什么会报错呢

Answer 1

你下编译器没有，或者能识别less的插件，如果你直接在浏览器上运行，浏览器不认识的less的。