問題描述
vue-admin項目中使用了/deep/后啟動項目報錯:
ERROR Failed to compile with 1 errors 20:27:22
error in ./src/nzk/components/themeEditor/layout/components/tree-select.vue?vue&type=style&index=0&id=6985d748&lang=scss&scoped=true&
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: expected selector.
╷
74 │ /deep/ .el-tree-select {
│ ^
╵
問題解決
嘗試用 ::v-deep 替換 /deep/
某些預處理器(例如Sass)可能無法>>>正確解析。
在這些情況下,可以用/deep/
如果/deep/報錯,可以使用::v-deep
組合器-兩者都是它們的別名,>>> 並且工作原理完全相同。
用法和/deep/ 完全一樣