提问：用vue-cil3创建项目，less嵌套样式报错

Question

问题： 用vue-cil3创建项目，less嵌套样式报错

问题相关代码

nav {
  padding: 30px;

  a {
    font-weight: bold;
    color: #2c3e50;

    &.router-link-exact-active {
      color: #42b983;
    }
  }
}

运行结果及报错内容

我的解答思路和尝试过的方法

加了 lang="less"
在vue.config.js加了

pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: []
    }
  }

安装的less版本

请问各位大神，这个应该怎么改啊

Answer 1

我感觉是这个语法的问题，把&符号去掉

&.router-link-exact-active {
      color: #42b983;
    }