Object 在接口中属于“未知”类型

Question

I'm creating project in Laravel 8 + Vue 3 with Typescript and Inertia

I got this error all the time

TS2571: Object is of type 'unknown'.

on this code

console.log(usePage().props.value.auth.user);

There is my auth and user interface:

export interface UserInterface {
    id: number
    name: string
    email: string
}

export interface AuthInterface {
    user?: UserInterface
}

When I console.log without .user , everythink is fine.

There is my usePage function:

import {usePage as inertiaUsePage} from "@inertiajs/inertia-vue3";

export const usePage = () => {
    return inertiaUsePage<PageProps>();
}

export interface PageProps {
    auth: AuthInterface
}

Answer 1

我已经重现了您的错误，我发现您还需要安装vue3和@inertiajs/inertia才能使类型正确。

Answer 2

You can add any as a type, this will replace unknown type:

usePage<any>()