Gentype: error TS2307: Cannot find module XXX or its corresponding type declarations.

[mununki]

Since v11-rc.5, the annotation for the linter of output seems changed

// rc.4
// @ts-ignore: Implicit any on import
import * as AddressSelectBS__Es6Import from './AddressSelect';

// rc.5
/* eslint-disable */
/* tslint:disable */

import * as AddressSelectBS__Es6Import from './AddressSelect';

This causes the TS error TS2307: Cannot find module XXX or its corresponding type declarations.

[mununki]

PR #6516 should fix this issue.

[cometkim]

This causes the TS error TS2307: Cannot find module XXX or its corresponding type declarations.

It was intended change and you should add "allowJs": true into your tsconfig.json

[mununki]

Actually, my tsconfig.json already has it.

[cometkim]

Hmm, what value of moduleResolution then?

[mununki]

"moduleResolution": "node", This is a Next.js project.

[cometkim]

It's an intended change from #6442 to check modules if resolvable as any instead of @ts-ignore (which doesn't check any file resolution)

@mununki Can you provide the full tsconfig.json you use?

[mununki]

{
  "compilerOptions": {
    "paths": {
      "@assets/*": [
        "./src/*"
      ],
      "@components/*": [
        "./@components/*"
      ],
      "@pages/*": [
        "./pages/*"
      ],
      "@utils": [
        "./@utils"
      ]
    },
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": false,
    "noEmit": true,
    "incremental": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve"
  },
  "include": [
    "next-env.d.ts",
    "**/*.ts",
    "**/*.tsx"
  ],
  "exclude": [
    "node_modules"
  ]
}

[cometkim]

I think you explicitly excluded *.js files right? (by specifying the include with only ts files)

[cometkim]

Hmm, I cannot reproduce the error even with the same tsconfig.json you provide.

It's weird because it is necessary to checking the gentype outputs is correct in TypeScript. That means you have actually incorrect files generated.

[cometkim]

I can see incremental: true in your config. Can you make sure the clean build is not working? you should remove *.tsbuildinfo before changing the config and testing the build again.

[mununki]

I remove *.tsbuildinfo and build again, but still same.

I found the ts error seems gone if I change the *.gen.tsx:

// AddressSelect.gen.tsx

// Error
import * as AddressSelectBS from './AddressSelect';

// Ok
import * as AddressSelectBS from './AddressSelect.mjs'; // add '.mjs'

Any related?

[cometkim]

That sounds like you are actually not using the node moduleResolution.

Specifying gentypeconfig.moduleResoultion to node16 or bundler in your rescript.json is going to solve your issue then.

[mununki]

I've tried node16 and bundler but no gain.

[mununki]

FYR, my rescript.json

{
  "name": "farmmoa-web",
  "version": "0.1.0",
  "jsx": {
    "version": 4,
    "mode": "automatic"
  },
  "sources": [
    {
      "dir": "src",
      "subdirs": true
    }
  ],
  "package-specs": [
    {
      "module": "es6",
      "in-source": true
    }
  ],
  "suffix": ".mjs",
  "namespace": false,
  "pinned-dependencies": [],
  "bs-dependencies": [],
  "bs-dev-dependencies": [],
  "ppx-flags": [],
  "warnings": {
    "error": true,
    "number": "-48"
  },
  "bsc-flags": [
    "-open RescriptCore"
  ],
  "gentypeconfig": {
    "language": "typescript",
    "shims": {},
    "generatedFileExtension": ".gen.tsx",
    "module": "es6",
    "moduleResoultion": "node16",
    "debug": {
      "all": false,
      "basic": false
    }
  }
}

[glennsl]

There's a typo. moduleResoultion should be moduleResolution.

[mununki]

Oops! I confirm that "node16" and "bundler" fix the issue.
Thanks!