node.js 20 兼容vue2 版本 sass，使用scss

package.json

• 不要使用node-sass包，不兼容 node20版本

  "devDependencies": {

    "sass": "^1.66.1",
    "sass-loader": "^10.0.5"

  }

scss使用

• /deep/ 替换成 ::v-deep

<style lang="scss" scoped>

::v-deep .el-transfer-panel {
  width: 300px;
  /* 左右两个穿梭框的高度和宽度 */
  height: 720px;
}
</style >

• 完整package.json如下

{
  "name": "xxx",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "test": "vue-cli-service build --mode test",
    "pirun": "vue-cli-service build --mode pirun"
  },
  "dependencies": {
    "axios": "^0.21.0",
    "clipboard": "^2.0.8",
    "core-js": "^3.6.5",
    "element-ui": "^2.15.14",
    "layui-layer": "^1.0.9",
    "moment": "^2.29.1",
    "qs": "^6.12.3",
    "vue": "^2.6.11",
    "vue-axios": "^3.1.3",
    "vue-router": "^3.2.0",
    "vuex": "^3.4.0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-vuex": "^4.5.10",
    "@vue/cli-service": "~4.5.0",
    "babel-plugin-component": "^1.1.1",
    "sass": "^1.66.1",
    "sass-loader": "^10.0.5",
    "vue-cli-plugin-element": "^1.0.1",
    "vue-template-compiler": "^2.6.11"
  }
}