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的。