301 errors simply from importing 'viem'

[lukepuplett]

I've installed viem

npm install viem

Then I've simply added two imports to a new .ts file.

import { createPublicClient, createWalletClient, http } from 'viem';
import { baseSepolia } from 'viem/chains';

And then compiled it, via a TS task in Gulp, and KABOOM! I have 301 errors.

/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/accounts/types.d.ts(18,65): error TS2344: Type 'TransactionSerializable' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/accounts/types.d.ts(18,115): error TS2344: Type 'TransactionSerializable' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/accounts/types.d.ts(20,85): error TS2344: Type 'transaction' does not satisfy the constraint 'OneOf<TransactionSerializableGeneric | TransactionRequestGeneric>'.
  Type 'Parameters<serializer>[0]' is not assignable to type 'OneOf<TransactionSerializableGeneric | TransactionRequestGeneric>'.
    Type 'TransactionSerializable' is not assignable to type 'OneOf<TransactionSerializableGeneric | TransactionRequestGeneric>'.
      Type 'Parameters<serializer>[0]' is not assignable to type '{ data?: `0x${string}`; from: `0x${string}`; gas?: bigint; nonce?: number; to?: `0x${string}`; value?: bigint; accessList?: AccessList; blobs?: readonly `0x${string}`[] | readonly Uint8Array[]; blobVersionedHashes?: readonly `0x${string}`[]; ... 10 more ...; chainId?: unknown; }'.
        Type 'transaction' is not assignable to type '{ data?: `0x${string}`; from: `0x${string}`; gas?: bigint; nonce?: number; to?: `0x${string}`; value?: bigint; accessList?: AccessList; blobs?: readonly `0x${string}`[] | readonly Uint8Array[]; blobVersionedHashes?: readonly `0x${string}`[]; ... 10 more ...; chainId?: unknown; }'.
          Type 'Parameters<serializer>[0]' is not assignable to type '{ data?: `0x${string}`; from: `0x${string}`; gas?: bigint; nonce?: number; to?: `0x${string}`; value?: bigint; accessList?: AccessList; blobs?: readonly `0x${string}`[] | readonly Uint8Array[]; blobVersionedHashes?: readonly `0x${string}`[]; ... 10 more ...; chainId?: unknown; }'.
            Type 'TransactionSerializable' is not assignable to type '{ data?: `0x${string}`; from: `0x${string}`; gas?: bigint; nonce?: number; to?: `0x${string}`; value?: bigint; accessList?: AccessList; blobs?: readonly `0x${string}`[] | readonly Uint8Array[]; blobVersionedHashes?: readonly `0x${string}`[]; ... 10 more ...; chainId?: unknown; }'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/accounts/types.d.ts(20,162): error TS2344: Type 'transaction' does not satisfy the constraint 'OneOf<TransactionSerializableGeneric | TransactionRequestGeneric>'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/accounts/utils/signTransaction.d.ts(8,81): error TS2344: Type 'TransactionSerializable' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/accounts/utils/signTransaction.d.ts(8,131): error TS2344: Type 'TransactionSerializable' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/accounts/utils/signTransaction.d.ts(13,81): error TS2344: Type 'TransactionSerializable' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/accounts/utils/signTransaction.d.ts(13,131): error TS2344: Type 'TransactionSerializable' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/accounts/utils/signTransaction.d.ts(13,275): error TS2344: Type 'transaction' does not satisfy the constraint 'OneOf<TransactionSerializableGeneric | TransactionRequestGeneric>'.
  Type 'Parameters<serializer>[0]' is not assignable to type 'OneOf<TransactionSerializableGeneric | TransactionRequestGeneric>'.
    Type 'TransactionSerializable' is not assignable to type 'OneOf<TransactionSerializableGeneric | TransactionRequestGeneric>'.
      Type 'Parameters<serializer>[0]' is not assignable to type '{ data?: `0x${string}`; from: `0x${string}`; gas?: bigint; nonce?: number; to?: `0x${string}`; value?: bigint; accessList?: AccessList; blobs?: readonly `0x${string}`[] | readonly Uint8Array[]; blobVersionedHashes?: readonly `0x${string}`[]; ... 10 more ...; chainId?: unknown; }'.
        Type 'transaction' is not assignable to type '{ data?: `0x${string}`; from: `0x${string}`; gas?: bigint; nonce?: number; to?: `0x${string}`; value?: bigint; accessList?: AccessList; blobs?: readonly `0x${string}`[] | readonly Uint8Array[]; blobVersionedHashes?: readonly `0x${string}`[]; ... 10 more ...; chainId?: unknown; }'.
          Type 'Parameters<serializer>[0]' is not assignable to type '{ data?: `0x${string}`; from: `0x${string}`; gas?: bigint; nonce?: number; to?: `0x${string}`; value?: bigint; accessList?: AccessList; blobs?: readonly `0x${string}`[] | readonly Uint8Array[]; blobVersionedHashes?: readonly `0x${string}`[]; ... 10 more ...; chainId?: unknown; }'.
            Type 'TransactionSerializable' is not assignable to type '{ data?: `0x${string}`; from: `0x${string}`; gas?: bigint; nonce?: number; to?: `0x${string}`; value?: bigint; accessList?: AccessList; blobs?: readonly `0x${string}`[] | readonly Uint8Array[]; blobVersionedHashes?: readonly `0x${string}`[]; ... 10 more ...; chainId?: unknown; }'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/accounts/utils/signTransaction.d.ts(15,83): error TS2344: Type 'TransactionSerializable' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/accounts/utils/signTransaction.d.ts(15,133): error TS2344: Type 'TransactionSerializable' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/acala.d.ts(39,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
  Type '{ data?: `0x${string}`; value?: bigint; nonce?: number; gas?: bigint; to?: `0x${string}`; r?: `0x${string}`; s?: `0x${string}`; v?: bigint; yParity?: unknown; accessList?: undefined; blobs?: undefined; blobVersionedHashes?: undefined; chainId?: number; ... 6 more ...; sidecars?: unknown; }' is not assignable to type 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/anvil.d.ts(40,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/apexTestnet.d.ts(32,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/arbitrum.d.ts(32,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/arbitrumGoerli.d.ts(31,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/arbitrumNova.d.ts(32,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/arbitrumSepolia.d.ts(32,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/areonNetwork.d.ts(34,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/areonNetworkTestnet.d.ts(34,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/astar.d.ts(31,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/astarZkEVM.d.ts(31,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/astarZkyoto.d.ts(31,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/aurora.d.ts(32,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/auroraTestnet.d.ts(34,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/auroria.d.ts(33,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/avalanche.d.ts(32,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/avalancheFuji.d.ts(32,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/bahamut.d.ts(39,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/beam.d.ts(36,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/beamTestnet.d.ts(36,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/bearNetworkChainMainnet.d.ts(34,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/bearNetworkChainTestnet.d.ts(34,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/berachainTestnet.d.ts(33,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/berachainTestnetbArtio.d.ts(33,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/bevmMainnet.d.ts(34,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/bitkub.d.ts(34,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/bitkubTestnet.d.ts(34,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/bitTorrent.d.ts(37,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/bitTorrentTestnet.d.ts(37,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.
/Users/lukepuplett/Git/Tz/src/MyCorp.MyProj.AspNetCoreMvc/node_modules/viem/_types/chains/definitions/blast.d.ts(32,72): error TS2344: Type 'TransactionSerializable<bigint, number>' does not satisfy the constraint 'TransactionSerializableGeneric'.

Had to abridge the output.

TypeScript: 301 semantic errors
TypeScript: emit failed
[17:09:55] 'compileTypescript' errored after 3.96 s

npx tsc -v    
Version 5.4.5

[tmm]

Is strict mode turned on?

[lukepuplett]

Thanks for your attention,

I am not a front-end developer so I "get by" coding in TS. I don't believe strict is on, but here's my config:

{
    "compileOnSave": true,
    "compilerOptions": {
        
        "target": "es6",
        "module": "es2015",
        "moduleResolution": "node",
        "esModuleInterop": true,
        "allowSyntheticDefaultImports": true,
        "baseUrl": "./",
        "paths": {
            "*": [ "node_modules/*" ],
            "lib/*": [ "node_modules/*" ]
        },
        "removeComments": true,
        "sourceMap": true,
        "noImplicitAny": true,
        "noImplicitReturns": true,
        "noUnusedLocals": false,
        "noUnusedParameters": false,
        "allowUnusedLabels": true,
        "noEmitOnError": true,
        "lib": ["es6", "dom"]
    },
    "include": [
        "ts/**/*"
    ],
    "exclude": [
        "node_modules",
        "wwwroot"
    ]
}

[tmm]

https://asciinema.org/a/7jc5nLJ04DIoTH0mwLmWvOH5U

[lukepuplett]

Hmm... does that StackBlitz link work? If I hit that link from my other Chrome login, it opens and installs and then I just run npx tsc index.ts --noemit and boom, same errors as I see on my local workstation.

[lukepuplett]

Hi, are you waiting on me? Did you get that StackBlitz space to repro? Thanks.

[tmm]

Yes, let me know how I can reproduce with the GitHub repo. I need it for debugging.

[lukepuplett]

Well, looking at the "video" you sent (very helpful and clever) you'd need to run npm install first, obviously, to install Typescript and viem itself.