Vue3+TS+ElementPlus 项目中 ElementPlus 标签标红提示类型不正确解决方法?

Question

使用vue3+ts+elementplus 写项目 elementplus标签标红提示类型不正确
开发工具 webstorm2024.1 vscode
package.json

"dependencies": {
    "@element-plus/icons-vue": "2.1.0",
    "@highlightjs/vue-plugin": "2.1.0",
    "@lezer/common": "1.2.1",
    "@vueup/vue-quill": "1.2.0",
    "@vueuse/core": "9.5.0",
    "animate.css": "4.1.1",
    "await-to-js": "^3.0.0",
    "axios": "^1.3.4",
    "bpmn-js": "16.4.0",
    "camunda-bpmn-js-behaviors": "1.2.2",
    "camunda-bpmn-moddle": "7.0.1",
    "crypto-js": "^4.1.1",
    "diagram-js": "12.3.0",
    "didi": "9.0.2",
    "echarts": "5.4.0",
    "element-plus": "2.3.12",
    "file-saver": "2.0.5",
    "fuse.js": "6.6.2",
    "highlight.js": "11.9.0",
    "image-conversion": "^2.1.1",
    "js-cookie": "3.0.1",
    "jsencrypt": "3.3.1",
    "moddle": "6.2.3",
    "nprogress": "0.2.0",
    "path-browserify": "1.0.1",
    "path-to-regexp": "6.2.0",
    "pinia": "2.0.22",
    "preact": "10.19.3",
    "screenfull": "6.0.0",
    "vform3-builds": "3.0.8",
    "vue": "3.2.45",
    "vue-cropper": "1.0.3",
    "vue-i18n": "9.2.2",
    "vue-router": "4.1.4",
    "vue-types": "^5.0.3",
    "vxe-table": "4.5.18",
    "zeebe-bpmn-moddle": "1.0.0"
  },
  "devDependencies": {
    "@iconify/json": "^2.2.40",
    "@intlify/unplugin-vue-i18n": "0.8.2",
    "@types/crypto-js": "^4.1.1",
    "@types/file-saver": "2.0.5",
    "@types/js-cookie": "3.0.3",
    "@types/node": "18.14.2",
    "@types/nprogress": "0.2.0",
    "@types/path-browserify": "^1.0.0",
    "@typescript-eslint/eslint-plugin": "5.56.0",
    "@typescript-eslint/parser": "5.56.0",
    "@unocss/preset-attributify": "^0.50.6",
    "@unocss/preset-icons": "^0.50.6",
    "@unocss/preset-uno": "^0.50.6",
    "@vitejs/plugin-vue": "4.0.0",
    "@vue/compiler-sfc": "3.2.45",
    "autoprefixer": "10.4.14",
    "eslint": "8.36.0",
    "eslint-config-prettier": "8.8.0",
    "eslint-plugin-prettier": "4.2.1",
    "eslint-plugin-vue": "9.9.0",
    "fast-glob": "^3.2.11",
    "husky": "7.0.4",
    "postcss": "^8.4.21",
    "prettier": "2.8.6",
    "sass": "1.56.1",
    "typescript": "^4.9.5",
    "unocss": "^0.50.6",
    "unplugin-auto-import": "0.13.0",
    "unplugin-icons": "0.15.1",
    "unplugin-vue-components": "0.23.0",
    "unplugin-vue-setup-extend-plus": "0.4.9",
    "vite": "4.3.1",
    "vite-plugin-compression": "0.5.1",
    "vite-plugin-svg-icons": "2.0.1",
    "vitest": "^0.29.7",
    "vue-eslint-parser": "9.1.0",
    "vue-tsc": "0.35.0"
  }

尝试降低element plus版本 但是无效

Answer 1

提示信息很清晰啊，el-row 中 align 属性是必传的，你给加上就行了：

<el-row align="center">
...
</el-row>

补充：
跟你同样版本的element-plus，最新版本的vscode，没有ts error

类型是通过ts config指定的