Using less to report errors in vue

.textarea >>> .el-textarea{
    margin-bottom: 20px;
}

in the style of vue, the above code is fine if you don"t write lang= "less", but after using less, the console reports an error, saying that there is something wrong with that code. Can"t the less in vue do component penetration in this way? then how to write component penetration in less? ask God for help. Thank you
console error code:

{"sourceMap":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/page/int/intApply.vue
Module build failed: 

}
.textarea >>> .el-textarea{
         ^
Unrecognised input
Aug.06,2021

less is penetrated with / deep/

.textarea /deep/ .el-textarea{
    margin-bottom: 20px;
}

you can define an extra style tag without the scoped attribute

.
<style>
/* */
</style>

<style scoped>
/* local styles */
</style>
< hr >

I have tried sass, stylus , and will accurately identify , but not less. I suspect it is the problem of less-loader or less itself.

Menu