SuperJson ESModule error

B

BillyBob•12/12/23, 7:20 AM

https://github.com/blitz-js/superjson/issues/268

B

BillyBob•12/12/23, 7:37 PM

/solved

S

SebasPtsch•12/12/23, 8:23 PM

How?

B

BillyBob•12/13/23, 8:03 AM

i was trying to close the thread. Not sure how to do it

T

The Cultured One•1/11/24, 6:38 PM

I personally just rolled back to version

1.13.3

1.13.3

1.13.3

1.13.3 for now until I figure out some stuff.

T

The Cultured One•1/11/24, 7:00 PM

And I am pretty sure @SebasPtsch was asking how you solved your issue.

B

BillyBob•1/12/24, 9:03 AM

I solved it in the end. I looked at how it was done in the creat-t3-app

B

BillyBob•1/12/24, 9:03 AM

@SebasPtsch

B

BillyBob•1/12/24, 9:06 AM

In my case I have a monorepo with

api

api

and

web

web

web

web
I have

superjson

superjson

superjson

superjson 2.2.1 in the root

package.json

package.json

My

tsconfig

tsconfig

files are as follows:

root:

{
  "compilerOptions": {
    "strict": true,
    "baseUrl": ".",
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "incremental": true,
    "skipLibCheck": true,
    "strictNullChecks": true,
    "noImplicitAny": true,
    "strictBindCallApply": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "paths": {
      "@api/*": ["./apps/api/src/*"],
      "@web/*": ["./apps/web/*"]
    }
  }
}

{
  "compilerOptions": {
    "strict": true,
    "baseUrl": ".",
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "incremental": true,
    "skipLibCheck": true,
    "strictNullChecks": true,
    "noImplicitAny": true,
    "strictBindCallApply": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "paths": {
      "@api/*": ["./apps/api/src/*"],
      "@web/*": ["./apps/web/*"]
    }
  }
}

{
  "compilerOptions": {
    "strict": true,
    "baseUrl": ".",
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "incremental": true,
    "skipLibCheck": true,
    "strictNullChecks": true,
    "noImplicitAny": true,
    "strictBindCallApply": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "paths": {
      "@api/*": ["./apps/api/src/*"],
      "@web/*": ["./apps/web/*"]
    }
  }
}

{
  "compilerOptions": {
    "strict": true,
    "baseUrl": ".",
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "incremental": true,
    "skipLibCheck": true,
    "strictNullChecks": true,
    "noImplicitAny": true,
    "strictBindCallApply": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "paths": {
      "@api/*": ["./apps/api/src/*"],
      "@web/*": ["./apps/web/*"]
    }
  }
}

api:

{
  "extends": "../../tsconfig.json",
  "compilerOptions": {
    "target": "ES2021",
    "module": "commonjs",
    "moduleResolution": "Node",
    "esModuleInterop": true,
    "lib": ["ESNext", "DOM"],
    "declaration": true,
    "removeComments": true,
    "allowSyntheticDefaultImports": true,
    "sourceMap": true,
    "outDir": "./dist"
  },
  "include": ["src/**/*.ts", "tests/**/*.ts"],
  "exclude": ["node_modules"]
}

{
  "extends": "../../tsconfig.json",
  "compilerOptions": {
    "target": "ES2021",
    "module": "commonjs",
    "moduleResolution": "Node",
    "esModuleInterop": true,
    "lib": ["ESNext", "DOM"],
    "declaration": true,
    "removeComments": true,
    "allowSyntheticDefaultImports": true,
    "sourceMap": true,
    "outDir": "./dist"
  },
  "include": ["src/**/*.ts", "tests/**/*.ts"],
  "exclude": ["node_modules"]
}

{
  "extends": "../../tsconfig.json",
  "compilerOptions": {
    "target": "ES2021",
    "module": "commonjs",
    "moduleResolution": "Node",
    "esModuleInterop": true,
    "lib": ["ESNext", "DOM"],
    "declaration": true,
    "removeComments": true,
    "allowSyntheticDefaultImports": true,
    "sourceMap": true,
    "outDir": "./dist"
  },
  "include": ["src/**/*.ts", "tests/**/*.ts"],
  "exclude": ["node_modules"]
}

{
  "extends": "../../tsconfig.json",
  "compilerOptions": {
    "target": "ES2021",
    "module": "commonjs",
    "moduleResolution": "Node",
    "esModuleInterop": true,
    "lib": ["ESNext", "DOM"],
    "declaration": true,
    "removeComments": true,
    "allowSyntheticDefaultImports": true,
    "sourceMap": true,
    "outDir": "./dist"
  },
  "include": ["src/**/*.ts", "tests/**/*.ts"],
  "exclude": ["node_modules"]
}

I also switched from using ts-node to

tsx

tsx

tsx

tsx

B

BillyBob•1/12/24, 9:10 AM

A lot of places mentioned having

module

module

module

module in the

package.json

package.json

but that was not required for this.

T

The Cultured One•1/14/24, 4:07 PM

I personally ported the project to esm because why not if you don't have any libraries which simply don't work with esm

B

BillyBob•1/15/24, 8:25 AM

the fix for superjson is in the pipeline though anyway i think.