vite项目中没有使用::v-deep,但是编译一直警告,有人遇到过吗,请问怎么解决
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()。