TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts" /path/to/project

[Royceb]

Description

Hello, getting a typescript error when starting a fresh app after using pnpm create vite-plugin-ssr.

Steps:

1. pnpm create vite-plugin-ssr
   1a. Choose react-ts
2. cd vite-ssr-project/
3. pnpm install
4. pnpm dev

➜  vite-ssr-project git:(main) ✗ pnpm dev

> @ dev /vite-ssr-project
> npm run server


> server
> ts-node ./server/index.ts

TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts" for /vite-ssr-project/server/index.ts
    at new NodeError (node:internal/errors:399:5)
    at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:99:9)
    at defaultGetFormat (node:internal/modules/esm/get_format:139:38)
    at defaultLoad (node:internal/modules/esm/load:83:20)
    at nextLoad (node:internal/modules/esm/hooks:750:28)
    at load /vite-ssr-project/node_modules/.pnpm/[email protected]_@[email protected][email protected]/node_modules/ts-node/dist/child/child-loader.js:19:122)
    at nextLoad (node:internal/modules/esm/hooks:750:28)
    at Hooks.load (node:internal/modules/esm/hooks:382:26)
    at MessagePort.handleMessage (node:internal/modules/esm/worker:165:24)
    at [nodejs.internal.kHybridDispatch] (node:internal/event_target:762:20) {
  code: 'ERR_UNKNOWN_FILE_EXTENSION'
}

[brillout]

It's a ts-node issue. Downgrade to Node.js 18 or use a workaround / another tool than ts-node.

[Royceb]

Thank you!

[brillout]

Boilerplates updated to use this workaround: b77acfd.