Error ts(2307) while importing a PNG image with "url:..."

[ghost]

I am getting a ts error that says:

Cannot find module 'url:../assets/parcel.png' or its corresponding type declarations. ts(2307)

The image is bundled correctly, but I keep getting this ts error.

I have the following tsconfig.json:

{
    "compilerOptions": {
        "jsx": "react",
        "esModuleInterop": true
    },
}

Since Parcel bundles without issues, I am assuming this is related to some missing TypeScript configuration. Do you confirm this?

[mischnic]

Maybe adding something like this to your project makes TS happy?

declare module 'url:*' {
  export default string;
}

[mischnic]

I would have probably called it parcel.d.ts 🤷 Again, TS doesn't care at all.

[ghost]

Thank you!

[KokoDoko]

If I follow the above instructions I get the following error:

'string' only refers to a type, but is being used as a value here.ts(2693)

[bergwerf]

In vscode I had to create a tsconfig.json with explicit includes, otherwise the linter would only pick up the module declaration as long as the file was opened. I also got the above error 'string' only refers to a type, but is being used as a value here., so I only included declare module 'url:*'.

[kim3er]

"skipLibCheck": true in your 'tsconfig.json' should resolve @KokoDoko's error.

[ghost]

Hey @mischnic I'd like to build onto this answer, because now I am trying to add type-checking to a project and have followed your instructions but TS keeps complaining about not finding the module 'url:../assets/parcel.png' or its type declaration. NOTE: I have the parcel.d.ts file with the content you provided above.

EDIT: After having added "./parcel.d.ts" to the "include" array in tsconfig.json TS no longer seems to be complaining. Still, I wonder if these instructions are really necessary, because type-checking seems to be working just fine without @parcel/validator-typescript. Could you confirm this, please?

[sigmaSd]

The docs now says to use

declare module 'url:*' {
  const value: string;
  export default value;
}