Vue3+TypeScript项目defineAsyncComponent导入报错排查求助

我正在将一个使用Options API的大型Vue3应用迁移至TypeScript，暂时没有迁移到Composition API的计划。

操作步骤如下：

• 通过create-vue搭建了一个新的Vue3+TypeScript项目
• 将新项目的配置文件复制到现有项目中
• 安装了缺失的TypeScript相关依赖（如@vue/tsconfig和vue-tsc）

完成后项目能正常运行，但只要将任意.vue文件的script标签改为lang="ts"，VSCode就会对所有从vue导入的内容标红。例如defineAsyncComponent被下划线标注，提示“module 'vue' has no exported member 'defineAsyncComponent'”——但我能在Vue的d.ts文件中看到该方法的导出声明，且项目仍可正常运行。

排查情况：

• VSCode仅安装了官方Vue扩展和Vetur Extended，禁用官方扩展会失去智能提示和代码着色，无法确认导入是否被识别；仅禁用Vetur Extended无法解决问题
• 只有Vue的导入存在此问题，第三方库的导入无异常，且可通过Ctrl+点击跳转到对应的d.ts文件

补充说明 #

• 搭建的参考项目中可以正常导入defineAsyncComponent，VSCode不会标红。同一版本VSCode（1.95.2）、相同扩展下参考项目无此问题，因此VSCode大概率不是问题根源
• 参考项目的tsconfig.app.json未设置noEmit选项，而当前项目若不设置"noEmit": false，主tsconfig.json的references配置会报错“tsconfig.app.json may not disable emit”

参考配置 #

tsconfig.json

{
  "references": [
    {
      "path": "./tsconfig.node.json"
    },
    {
      "path": "./tsconfig.app.json"
    }
  ],
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }
  }
}

tsconfig.app.json

{
  "extends": "@vue/tsconfig/tsconfig.dom.json",
  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
  "exclude": ["src/**/__tests__/*"],
  "compilerOptions": {
    "outDir": "./wwwroot/dist",
    "allowJs": true,
    "strict": false,
    "noEmit": false,
    "composite": true,
    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo"
  }
}

package.json（相关部分）

"dependencies": {
    "vite-plugin-require": "1.2.14",
    "vue": "3.5.6",
    "vue-i18n": "10.0.1",
    "vue-router": "4.4.5",
},
"devDependencies": {
    "@tsconfig/node20": "^20.1.4",
    "@types/node": "^22.8.6",
    "@vitejs/plugin-vue": "5.1.3",
    "@vue/tsconfig": "^0.5.1",
    "rollup-plugin-copy": "3.5.0",
    "sass": "1.79.1",
    "typescript": "^5.6.3",
    "vite": "5.4.6",
    "vue-tsc": "^2.1.10"
}

内容的提问来源于stack exchange，提问作者danwellman