vue项目问题-import时省略.vue后缀会报错

项目类型:
vue3 + ts

项目配置：
webpack:

resolve: {
    extensions: ['.js', '.ts', '.tsx', '.vue'], 

eslint:

"settings": {
    "import/extensions": [".js", ".jsx", ".ts", ".tsx", ".vue"],
    "import/parsers": {
      "@typescript-eslint/parser": [".ts", ".tsx"]
    },
    "import/resolver": [
      "node",
      {
        "webpack": {
          "config": "build/webpack.base.js"
        }
      }
    ]
  },

修改eslint配置文件还是不行

"rules": {
    "import/extensions": [
      "error",
      "always",
      {
        "ts": "never",
        "tsx": "never",
        "js": "never",
        "vue": "never"
      }
    ],