TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts"

[FreePhoenix888]

Minimal reproduction example:

gulpfile.ts:

import * as gulp from 'gulp';
import {deleteAsync} from 'del';

gulp.task('a', async () => {
  console.log("a result");
  await deleteAsync(["notExistingFile.txt"]);
});

package.json:

{
  "name": "test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@types/gulp": "^4.0.10",
    "gulp": "^4.0.2",
    "del": "7.0.0",
    "ts-node": "^10.9.1",
    "typescript": "^4.9.4"
  }
}

Solution

Install 6.1.1 version and use old api accordingly:

import del from 'del';
await del(paths);

[Bukunmikuti]

Same behaviour with rollup.config.ts. Downgrading to version 6.1.1 and using del() rather than deleteAsync() fixed it.

// custom rollup plugin
import { deleteAsync } from 'del'

const myDel = () => {
   return {
      name: 'types-delete',
      buildEnd: async () => {
          const d = await deleteAsync(['dist/types'])
          console.log(d.length)
      }
}

[!] Error: While loading the Rollup configuration from "rollup.config.ts", Node tried to require an ES module from a CommonJS file, which is
not supported. A common cause is if there is a package.json file with "type": "module" in the same folder. You can try to fix this by changing the extension of your configuration file to ".cjs" or ".mjs" depending on the content, which will prevent Rollup from trying to preprocess
the file but rather hand it to Node directly.

[UchihaYuki]

Is it possible to use the esm version of del with gulpfile.ts instead of those workarounds above?