为什么vue3项目中一直报::v-deep的错

vite项目中没有使用::v-deep,但是编译一直警告,有人遇到过吗,请问怎么解决

img

v-deep用作组合符已被弃用。改用:deep
https://blog.csdn.net/qq_32140775/article/details/128623958

该回答引用GPTᴼᴾᴱᴺᴬᴵ
这是因为在 Vue 3.x 中,::v-deep 已经被废弃,建议使用:deep()代替,它可以用作一个CSS选择器,以访问子组件的样式。
有第三方库或组件使用了::v-deep,如果有的话,建议更新这些库或组件,以使用:deep()代替。
-
如果你无法更新这些库或组件,可以在Vite配置文件中加入如下代码,将::v-deep替换为:deep():

// vite.config.js
module.exports = {
  ...
  optimizeDeps: {
    include: ['@vue/compiler-sfc'],
    exclude: ['vue-demi']
  },
  vueCompilerOptions: {
    /*
    ** Change deprecated deep combinator to the new one.
    */
    compatConfig: {
      MODE: 2,
      DEEP_COMBINATOR: true
    }
  }
}

这段代码将深度组合器从::v-deep更改为新的组合器,即:deep()。