Skip to content

Building composite project with resolveJsonModule fails #25636

Closed

Description

@strax

TypeScript Version: 3.0.0-rc

Search Terms:
resolveJsonModule, composite project, TS6307

Code

Repro at https://github.com/strax/ts-3-json-bug-repro

Expected behavior:

With composite: true and resolveJsonModule: true set in tsconfig.json, JSON modules are resolved in the compilation like they are when the composite compiler option is not set.

Actual behavior:

Running tsc gives the following error:

error TS6307: File '/src/hello.json' is not in project file list. Projects must list all files or use an 'include' pattern.

In addition, trying to include src/hello.json in the files property fails with

error TS6054: File '/src/hello.json' has unsupported extension. The only supported extensions are '.ts', '.tsx', '.d.ts'.

Playground Link:

Related Issues:

Activity

  1. mhegazy commented on Jul 13, 2018

    @mhegazy
    Contributor

    we should allow .json in files list if --resolveJsonModules is enabled.

  2. sheetalkamat commented on Jul 13, 2018

    @sheetalkamat
    Member

    Mohamed Hegazy (@mhegazy) Is assumption that we shouldnt include them through include pattern of config file though?

  3. added a commit that references this issue on Jul 13, 2018
    49ac60f
  4. mhegazy commented on Jul 13, 2018

    @mhegazy
    Contributor

    yeah. i think that would be a bigger breaking change.

  5. cockscomb commented on Oct 2, 2018

    @cockscomb

    Sami Kukkonen (@strax) Sheetal Nandi (@sheetalkamat) Mohamed Hegazy (@mhegazy) Is this problem fixed in TypeScript 3.1.1?

    I have tried to use TypeScript 3.1.1 in the repro project, TypeScript gives the following error:

    error TS6307: File '/src/hello.json' is not in project file list. Projects must list all files or use an 'include' pattern.
    

    It seems to this problem is still exist.

  6. sheetalkamat commented on Oct 2, 2018

    @sheetalkamat
    Member

    Hiroki Kato (@cockscomb) you need to have files clause to have the json file("files": ["src/hello.json"] in the tsconfig file). The issue here was it reported unsupported extension (which is not what you are seeing)
    In your
    cc: Ryan Cavanaugh (@RyanCavanaugh)

  7. raymondfeng commented on Oct 8, 2018

    @raymondfeng

    Sheetal Nandi (@sheetalkamat) We ran into a similar issue as Hiroki Kato (@cockscomb). tsc complains about json files not in project file list no matter how we tweak tsconfig.json:

    {
      "$schema": "http://json.schemastore.org/tsconfig",
      "compilerOptions": {
        "rootDir": "src",
        "composite": true,
        "target": "es2017",
        "outDir": "dist"
      },
      "references": [
        ...
      ],
      "include": [
        "**/*"
      ]
    }

    None of the following works:

    • "include": ["**/*"]
    • "include": ["**/*.json", "**/*.ts"]

    Do we have to use files to include json files?

  8. bajtos commented on Oct 9, 2018

    @bajtos

    Do we have to use files to include json files?

    If I am reading the tests added as part of 49ac60f correctly, then yes, JSON files must be explicitly listed in files section of tsconfig.

    Sheetal Nandi (@sheetalkamat) what is the reasoning behind this requirement/limitation? Would you accept a pull request modifying the behavior of include to cover JSON files too? (I.e. change the test "with resolveJsonModule and include only" to expect a successful compilation.)

    https://github.com/Microsoft/TypeScript/blob/49ac60f286972f0349a1f39365bcc6403b3772e5/src/testRunner/unittests/tsbuild.ts#L256-L258

  9. sheetalkamat commented on Oct 9, 2018

    @sheetalkamat
    Member

    We do not want to add json files in compilation accidently and want users to explicitly specify them instead of using the include/exclude pattern.

  10. bajtos commented on Oct 11, 2018

    @bajtos

    Sheetal Nandi (@sheetalkamat) Thank you for the comment, I see your point.

    Let me explain my use case. In LoopBack, we have a concept of a data source - a class providing access to a database, web service, etc. An application (a LoopBack/TypeScript project) can have multiple datasources. Each datasource is implemented in two files: a JSON file with the configuration (to make it easy to edit programmatically) and a TypeScript file exporting the datasource class.

    The TypeScript code in src/datasources/db.datasource.ts (full version):

    import * as config from './db.datasource.json';
    
    export class DbDataSource extends juggler.DataSource {
      constructor() {
        super(dsConfig);
      }
    }

    JSON config in src/datasources/db.datasource.json (full version):

    {
      "name": "db",
      "connector": "memory"
    }

    Relevant parts of tsconfig (we are not using project references yet):

    {
      "$schema": "http://json.schemastore.org/tsconfig",
      "compilerOptions": {
        "rootDir": "."
        "resolveJsonModule": true,
    
        "lib": ["es2018", "dom", "esnext.asynciterable"],
        "module": "commonjs",
        "moduleResolution": "node"
      },
      "include": ["index.ts", "src", "test"]
    }
    

    Now back to the topic of this issue:

    1. When the project is not composite and compiler is running in the "classic" mode (without -b), it correctly understands that db.datasource.ts is importing db.datasource.json and therefore the JSON file needs to be included in the compilation too.

      I find it confusing that composite/build mode changes this behavior.

    2. When the project is switched to composite mode (the only change being adding composite: true to compilerConfig), the compilation starts failing with error TS6307. Despite this error, the actual JSON file is correctly copied to the output directory.

      I find it confusing that the compiler understands that a JSON file is imported and thus needs to be copied to the output directory, yet it complains that it was not explicitly listed in tsconfig's files section.

    3. I find the requirement to explicitly add all JSON files one by one as a poor user experience. For applications (projects) containing many JSON files, the tsconfig content can become large and difficult to maintain.

    If my first two arguments above are not convincing enough and/or there are other reasons explaining why JSON files must be treated differently in composite vs. non-composite projects: Can we at least allow JSON files to be specified via an explicit pattern in include, e.g. src/datasources/*.datasource.json? By explicit I mean that the pattern must match JSON files only (i.e. the pattern string must end with .json).

    pattern file match?
    **/* src/foo.ts ✔️
    **/* src/data.json ✖️
    src/*.json src/foo.ts ✖️
    src/*.json src/data.json ✔️
  11. 5 remaining items

  12. DylanVann commented on Mar 5, 2019

    @DylanVann

    There is still the issue of JSON files in node_modules not working.

  13. StrongerSY commented on Jun 18, 2019

    @StrongerSY

    Listing JSON files in files section of tsconfig works for me ~ Thx Miroslav Bajtoš (@bajtos)

  14. xtianus79 commented on Oct 23, 2019

    @xtianus79

    This is still an issue

  15. bsunderhus commented on Dec 11, 2019

    @bsunderhus

    I'm experiencing the same issue my project is setup as followed:

    .
    ├── @types
    ├── package.json
    ├── src
    │   ├── consts.json
    │   ├── main
    │   │   ├── index.ts
    │   │   └── tsconfig.json
    │   ├── tsconfig.json
    │   ├── utils
    │   │   ├── html-template.ts
    │   │   └── tsconfig.json
    │   └── worker
    │       ├── state.ts
    │       └── tsconfig.json
    └── tsconfig.base.json
    

    My main entry configuration file is src/tsconfig.json which only have references to other sub projects localized in src/main, src/worker and src/utils and in the main project I'm trying to access the src/consts.json file and I'm getting the error:

    File '/workspace/src/consts.json' is not listed within the file list of project '/workspace/src/main/tsconfig.json'. Projects must list all files or use an 'include' pattern.
    

    Although I've listed it explicitly through files in src/main/tsconfig

    {
      "extends": "../../tsconfig.base.json",
      "files": [
        "./index.ts",
        "../consts.json",
      ],
      "references": [
        {"path": "../worker"},
        {"path": "../utils"}
      ]
    }
  16. trusktr commented on May 12, 2020

    @trusktr
    Contributor

    I was spending time fiddling around with this until I realized it was a TS issue.

    It is confusing and not intuitive to have to write something like

    {
      "include": ["./src/**/*", "./src/**/*.json"],
    }
  17. PaulRBerg commented on Jun 3, 2020

    @PaulRBerg

    Joe Pea (@trusktr)'s solution worked, but I had to restart my IDE.

    Why is this issue closed?

  18. asm2025 commented on Aug 21, 2020

    @asm2025

    The addition of the new composite attribute sounds reasonable and justified to allow nested config but seriously, guys, I think you are breaking a lot of projects right now!!

  19. amerllica commented on Jan 9, 2021

    @amerllica

    Just add this to the root of tsconfig.json:

    {
      "include": ["**/*.json"],
    }
    
  20. zerubeus commented on Dec 20, 2021

    @zerubeus

    this still an issue 2021 ... why this been closed?

  21. jpgupta commented on May 14, 2022

    @jpgupta

    [ZE] (@zerubeus) & anyone reading this in the future - I just checked after running into this issue now, it seem like Tsai-Chieh (@TsaiTsaiChieh) 's PR above fixes the issue by allowing a glob pattern in tsconfig's include property:

    include: ["**/*.json"]

    TsaiTsaiChieh/never-stray@ac22f38

    Confirmed working on typescript 4.5.4

  22. SalahAdDin commented on Feb 9, 2023

    @SalahAdDin

    No any of the given solutions works for us.

  23. bingtimren commented on Sep 13, 2025

    @bingtimren

    This issue should be re-opened. The "closed" status probably will direct people away from this post, and make them waste many more hours where the solution is just in here.

    For me, I have spent a few hours, and nearly tear down all the tsconfig settings in a mono-repo to try to solve this. I wish I had come to this issue and saw Joe Pea (@trusktr) 's comment earlier.

    So just re-confirm,

    • "include": [ "src/**/*" ] does NOT include json,
    • must use "include": [ "src/**/*", "src/**/*.json"]

    Maybe the reason this issue was closed, is because the initial issue report, while described the sympton correctly, had a misleading interpretation

    Expected behavior:

    With composite: true and resolveJsonModule: true set in tsconfig.json, JSON modules are resolved in the compilation like they are when the composite compiler option is not set.

    Actually, composite and resolveJsonModule does not change the behaviour whether or not JSON is included in the INITIAL set of files - this can be confirmed by invoking tsc with --showConfig option

    With or without composite and resolveJsonModule settings, the JSON files are not in the calculated "files" list.

    However, when composite is false, even the JSON files are not in the initial file list, tsc does not care, as long as the files can be resolved eventually.

    When composite is true, to achieve composite build, tsc requires all imported file must be included in the INITIAL set of files. Then the issue becomes an error.

    The the root cause, "*/**" does not include JSON, is always there, not solved. Only when composite is true, it suffaces and become a problem. Otherwise it's under the water.

  24. locked as resolved and limited conversation to collaborators on Mar 13, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

BugA bug in TypeScriptFixedA PR has been merged for this issue

Type

No type

Projects

No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions