error TS2304: Cannot find name 'LoginPageType'.

[ghost]

hi all, i’m using cucumber with typescript
the problem is when i run cucumber with --require-module ts-node/register , ts-node cannot recognize the globally defined types in index.d.ts and throws this error

TSError: ⨯ Unable to compile TypeScript:
pages/app-admin.page.ts:10:17 - error TS2304: Cannot find name 'LoginPageType'.
...
TSError: ⨯ Unable to compile TypeScript:
pages/index.ts:5:15 - error TS2304: Cannot find name 'Routes'.

here’s my configuration files:

// cucumber.js
const args = [
    "--publish-quiet",
    "--parallel 3",
    "--require steps/**/*.ts",
    "--require supports/**/*.ts",
    "--require pages/**/*.ts",
    "--require-module ts-node/register",
]
module.exports = {
    default: args.join(" "),
}
// package.json
{
    "scripts": {
        "test": "NODE_PATH=. cucumber-js"
    },
    "dependencies": {
        "@cucumber/cucumber": "^7.3.0",
        "@playwright/test": "^1.12.3",
        "playwright": "^1.12.3"
    },
    "devDependencies": {
        "@types/cucumber": "^7.0.0",
        "@types/node": "15.14.2",
        "@typescript-eslint/eslint-plugin": "^4.28.3",
        "@typescript-eslint/parser": "^4.28.3",
        "eslint": "^7.30.0",
        "prettier": "^2.3.2",
        "ts-node": "^10.1.0",
        "typescript": "^4.3.5"
    },
    "engines": {
        "node": ">=14"
    }
}
// tsconfig.json
{
    "transpileOnly": true,
    "compilerOptions": {
        "module": "CommonJS",
        "target": "ESNext",
        "strict": true,
        "forceConsistentCasingInFileNames": true,
        "esModuleInterop": true
    },
    "exclude": ["node_modules"]
}
// index.d.ts
import { Page, Browser, ElementHandle } from "playwright"
declare global {
    namespace NodeJS {
        interface Global {
            browser?: Browser
        }
    }
    interface LoginPageType {
        defaultUsername: string
        defaultPassword: string
        redirectPage: any
        page: Page
        usernameError: Promise<ElementHandle<SVGElement | HTMLElement> | null>
        passwordError: Promise<ElementHandle<SVGElement | HTMLElement> | null>
        open: Function
        fillUsername: Function
        fillPassword: Function
        login: Function
        clickLoginButton: Function
        navigateTo: Function
    }
    enum RouteName {
        AppHomePage,
        AppAdminPage,
        LoginPage,
    }
    type Routes = {
        [propname: string]: any
    }
    interface Route {
        name: RouteName
        url: string
        pom: any
    }
    interface AppAdminPage {
        loginPage: LoginPageType
    }
}

i’ve tried everything i can do, but it still doesnt work
any help would be grateful!

[blakeembrey]

Have you tried reviewing https://github.com/TypeStrong/ts-node#help-my-types-are-missing? It looks like this would be related to how you resolve that index.d.ts file since it sounds like it’s just floating in your directory without any references to it?