这个vue项目中的错误是什么问题？

vue项目的问题不知道是什么原因造成的错误，这个vue项目中的错误是什么问题？需要怎么修改？网上说是将/deep/修改为::v-deep但是修改完还是错误的

代码没问题，重新运行一下

1.这样写

.noborder-right{
    ::v-deep .ant-select-selection{

    }
}

2.如果还不行就再加个不含scss的style标签

1.把deep去掉
2.新建一个style标签
3.把下面这段代码转移到新的style标签里面

<style lang='scss'>
.nobrder-right {
  ......
}
</style>

<style lang='scss' scoped>
......
</style>

新建一个style标签，复制下面代码，再次运行即可。

<style lang='scss'>
.nobrder-right {
  width: 100%;
  border-right: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  ::v-deep .ant-select-selection{
    border-right: 0px;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px;
  }
}
</style>

贴出来的代码没问题，报错信息显示有3个语法错误。可以检查下是不是没有sass的依赖

该回答引用ChatGPT
在Vue项目中遇到的问题为使用了/deep/选择器导致的，这个选择器会影响子组件中的样式，但它是一个被废弃的选择器。建议使用更可靠的方式来解决这个问题。

可以尝试以下几种方式来修改：

1. 使用::v-deep选择器替代/deep/选择器，但需要确保版本Vue 2.2.0+才支持：

>>> .el-pagination__sizes {
  display: none;
}

替换为：

::v-deep .el-pagination__sizes {
  display: none;
}

2. 将/deep/选择器改成 /deep/，它与 ::v-deep 作用相同，但是 ::v-deep 更好，因为 /deep/ 的工作原理可能会随着浏览器的更改而更改，因此可能会受到影响。

3. 将/deep/选择器换成一个包含 .el-pagination 的容器选择器来控制样式，例如：

.el-pagination-container .el-pagination__sizes {
  display: none;
}

这样可以使样式只被应用到.el-pagination的容器内。

希望能帮助到你。