Gulp: ERR_UNKNOWN_FILE_EXTENSION

[binarykitchen]

Unable to run gulp command when gulpfile.ts is in TypeScript

Expected Behaviour

npx gulp

Should build. Pass.

Actual Behaviour

/home/michael-heuberger/code/binarykitchen/videomail.io ❯❯❯ npx gulp                                                                                feature/typescript ✭ ✱
[15:57:06] Loaded external module: ts-node/register
TypeError: Unknown file extension ".ts" for /home/michael-heuberger/code/binarykitchen/videomail.io/gulpfile.ts
    at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:160:9)
    at defaultGetFormat (node:internal/modules/esm/get_format:203:36)
    at defaultLoad (node:internal/modules/esm/load:143:22)
    at async ModuleLoader.load (node:internal/modules/esm/loader:403:7)
    at async ModuleLoader.moduleProvider (node:internal/modules/esm/loader:285:45)
    at async link (node:internal/modules/esm/module_job:78:21) {
  code: 'ERR_UNKNOWN_FILE_EXTENSION'
}

Gulp's official documentation says it should work, see: https://gulpjs.com/docs/en/getting-started/javascript-and-gulpfiles/

Likewise, your documentation says the same: https://github.com/TypeStrong/ts-node/blob/main/website/docs/recipes/gulp.md?plain=1

Specifications

• ts-node version: v10.9.2
• node version: v20.12.2
• TypeScript version: 5.5.3

• tsconfig.json, if you're using one:

  
  {
  "include": [
  "etc",
  "src",
  "test",
  "gulpfile.ts",
  ".eslintrc.js",
  "prettier.config.js",
  "babel.config.js"
  ],
  "compilerOptions": {
  // Required
  "target": "esnext",
  "module": "CommonJS",
  
  "noEmit": true,
  "allowImportingTsExtensions": true,
  "allowArbitraryExtensions": true,
  "isolatedModules": true,
  "esModuleInterop": true,
  
  "lib": ["dom", "dom.iterable", "esnext"],
  
  "skipLibCheck": true,
  "strict": true,
  "allowJs": true,
  "allowSyntheticDefaultImports": true,
  "allowUnusedLabels": false,
  "allowUnreachableCode": false,
  "exactOptionalPropertyTypes": true,
  "noFallthroughCasesInSwitch": true,
  "noImplicitOverride": true,
  "noImplicitReturns": true,
  "noUncheckedIndexedAccess": true,
  "noUnusedLocals": true,
  "noUnusedParameters": true,
  "noEmitOnError": true,
  "stripInternal": true,
  
  "resolveJsonModule": true,
  
  // TODO remove these exceptions and fix more errors one day
  "noImplicitAny": false
  }
  }

* Operating system and version: Arch Linux

I've tried many different configurations and combinations. All my attempts failed. No idea why it says `.ts` is an unknown extension?

[kooriookami]

I have this problem too. My node version is v18.19.1.

[binarykitchen]

Figured out an ugly workaround for now:

node --require tsx/cjs node_modules/gulp-cli/bin/gulp.js

[kooriookami]

This works, but still ugly.

tsx node_modules/gulp-cli/bin/gulp.js