TypeError: Unknown file extension ".ts"

[berekmerilorand]

I'm receiving the same error after upgrading the wdio packages from package.json to below ones. Since now I've used Node 14 and wdio 7.

I checked through a bunch of places where issues like this were reported and tried a lot of different configuration types, but with no success. I'll appreciate a solution to this.

    "@wdio/appium-service": "^8.1.3",
    "@wdio/browserstack-service": "^8.1.3",
    "@wdio/cli": "^8.1.3",
    "@wdio/local-runner": "^8.1.3",
    "@wdio/mocha-framework": "^8.1.2",
    "@wdio/shared-store-service": "^8.1.3",
    "@wdio/spec-reporter": "^8.1.2",

tsconfig.json

{
    "compilerOptions": {
        "baseUrl": ".",
        "allowJs": true,
        "resolveJsonModule": true,
        "allowSyntheticDefaultImports": true,
        "esModuleInterop": true,
        "isolatedModules": true,
        "jsx": "react",
        "lib": ["es6", "es2019"],
        "skipLibCheck": true,
        "moduleResolution": "node",
        "noEmit": true,
        "strict": true,
        "target": "esnext",
        "types": [
            "node",
            "webdriverio/sync",
            "@wdio/mocha-framework",
            "./types/wdio",
            "@types/mocha-steps",
            "expect-webdriverio",
            "jest"
        ],
    "ts-node": {
        "transpileOnly": true
    }
}

Node version: v16.15.1 (tried also with 16.19.0 and 19.4.0) - I can't use lower version than 16 because wdio 8 is not supported.

Yarn version: 1.18.0

Full error output:

2023-01-12T13:23:49.334Z ERROR @wdio/config:ConfigParser: Failed loading configuration file: file:///Users/berekmerilorand/./e2e/config/wdio.e2e.config.ts: Unknown file extension ".ts" for /Users/berekmerilorand/./e2e/config/wdio.e2e.config.ts
TypeError: Unknown file extension ".ts" for /Users/berekmerilorand/./e2e/config/wdio.e2e.config.ts
    at new NodeError (node:internal/errors:372:5)
    at Object.getFileProtocolModuleFormat [as file:] (node:internal/modules/esm/get_format:76:11)
    at defaultGetFormat (node:internal/modules/esm/get_format:118:38)
    at defaultLoad (node:internal/modules/esm/load:21:20)
    at ESMLoader.load (node:internal/modules/esm/loader:407:26)
    at ESMLoader.moduleProvider (node:internal/modules/esm/loader:326:22)
    at new ModuleJob (node:internal/modules/esm/module_job:66:26)
    at ESMLoader.#createModuleJob (node:internal/modules/esm/loader:345:17)
    at ESMLoader.getModuleJob (node:internal/modules/esm/loader:304:34)
    at async Promise.all (index 0) {
  code: 'ERR_UNKNOWN_FILE_EXTENSION'
}
error Command failed with exit code 1.

wdio.e2e.config.ts content

require('module-alias/register');

import { config as baseConfig } from '@e2e/config/wdio.base.config';
import { merge } from 'lodash';
import path from 'path';

import { devicesCapabilities } from './wdio.device.capabilities.config';
import { testVars } from './wdio.test.vars';

const sharedSpecsPath = '../e2e/shared/specs';
const specsPath = './e2e/tests/specs';

const specs = {
    specs: [path.join(sharedSpecsPath, '/**')],
};

const smokeSuite = {};

const validationSuite = {};

const allSuites = {
    smokeSuite,
    validationSuite,
};

export const config = merge(testVars, baseConfig, devicesCapabilities.local, specs, {
    specs: [...Object.values(baseConfig.getTargetSuite(allSuites)).flat()],
    suites: {
        ...baseConfig.getTargetSuite(allSuites),
    },
});