Vue3+TypeScript引用项目emit禁用异常及tsconfig冲突求助

核心问题：根tsconfig.json配置冲突 #

你遇到的「Referenced project may not disable emit」提示，根源在于根目录的tsconfig.json同时设置了files和references字段。使用TypeScript项目引用（Project References）时，根配置应作为解决方案配置文件，仅负责管理子项目引用，不能直接包含具体源文件。

具体修复步骤 #

1. 修正根tsconfig.json #

删除files数组，仅保留子项目引用，修改后内容如下：

{
  "references": [
    {
      "path": "./tsconfig.node.json"
    },
    {
      "path": "./tsconfig.app.json"
    }
  ]
}

2. 修正tsconfig.app.json的配置错误 #

你将allowImportingTsExtensions放在了compilerOptions外部，该配置无效，需移至内部：

{
  "extends": "@vue/tsconfig/tsconfig.dom.json",
  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
  "exclude": ["src/**/__tests__/*"],
  "compilerOptions": {
    "target": "ESNext",
    "module": "ESNext",
    "moduleResolution": "Node",
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "allowImportingTsExtensions": true,
    "composite": true,
    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"]
    }
  }
}

3. 保留tsconfig.node.json的正确配置 #

你的tsconfig.node.json已设置noEmit: false和composite: true，符合项目引用的要求，无需修改。

修复原理 #

TypeScript项目引用机制的核心要求：

• 被引用的子项目必须开启composite: true（你已满足）
• 根解决方案配置不能直接包含源文件，否则会与子项目的编译逻辑冲突，触发「Referenced project may not disable emit」警告

虽然项目能正常运行，但该警告说明TS编译逻辑存在冲突，修复后可消除警告，同时让增量编译和项目引用逻辑正常工作。

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