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

Question

我正在使用 Typescript 和 Inertia 在 Laravel 8 + Vue 3 中创建项目

我一直收到这个错误

TS2571: Object is of type 'unknown'.

关于此代码

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

有我的授权和用户界面：

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

export interface AuthInterface {
    user?: UserInterface
}

当我console.log 没有.user 时，一切都很好。

还有我的usePage函数：

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

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

export interface PageProps {
    auth: AuthInterface
}

Answer 1

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