TypeScript Error – Property route does not exist on Component Instance

[valentinhttr]

Hello,

I’m encountering a TypeScript error when I try to access the global route function injected by Ziggy in my Vue 3 project, especially in the <template></template> tags:

Property 'route' does not exist on type 'CreateComponentPublicInstanceWithMixins<ToResolvedProps<__VLS_Props, {}>, { StepperContainer: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ... 13 more ..., any>; ... 74 more ...;}, ... 23 more ..., {}>'. Did you mean 'router'?ts-plugin(2551)

It seems to be a typing problem, because the autocomplete is there and it suggests my routes, but there's still this error.

Here is my global.d.ts :

import { route as ziggyRoute, Config as ZiggyConfig } from 'ziggy-js';

declare global {
  var route: typeof ziggyRoute;
  var Ziggy: ZiggyConfig;
}

declare module 'vue' {
    interface ComponentCustomProperties {
        route: typeof ziggyRoute;
    }
}

I'm using vue 3.5.13

Any idea please?
Thanks !

[bakerkretzmar]

Are you using the npm package or do you have ziggy-js aliased to something? Is global.d.ts included in your project via your tsconfig.json?

[valentinhttr]

Thanks for the answer!

• I use pnpm
• I have the following alias in my vite.config.js :

resolve: {
  alias: [
    {find: 'ziggy-js', replacement: __dirname + '/vendor/tightenco/ziggy/dist/index.esm.js'},
  ]
},

• here is my ts.config.json

{
    "compilerOptions": {
        "allowJs": true,
        "module": "ESNext",
        "moduleResolution": "bundler",
        "jsx": "preserve",
        "strict": true,
        "isolatedModules": true,
        "target": "ESNext",
        "esModuleInterop": true,
        "forceConsistentCasingInFileNames": true,
        "noEmit": true,
        "skipLibCheck": true,
        "paths": {
            "@/*": ["./resources/js/*"],
            "ziggy-js": ["./vendor/tightenco/ziggy"]
        },
        "types": ["momentum-paginator"]
    },
    "include": ["resources/js/**/*.ts", "resources/js/**/*.vue"],
}

[valentinhttr]

Hey @bakerkretzmar Do you have any ideas? I still haven't found the solution.

I wonder if it could be pnpm...