gpt4 book ai didi

reactjs - NextJS/Typescript/Apollo 错误;属性在类型上不存在

转载 作者:行者123 更新时间:2023-12-02 02:56:53 26 4
gpt4 key购买 nike

我是 NextJS 和 Typescript 的新手,我正在实现 headless CMS Strapi,但在使用 Apollo 时遇到问题。我整个周末都在谷歌上搜索,试图更好地理解这个问题。我希望有人能在这里帮助我。

错误

在我的 _app.tsx 中收到以下错误

Property 'apollo' does not exist on type 'AppPropsType<Router, {}>'.

错误发生在我下面的 MyApp 函数上。

我的_app.tsx

import * as React from 'react'
import { AppProps } from 'next/app'
import { ApolloProvider } from '@apollo/react-hooks'
import withData from '../../utils/apollo'

import 'circular-std'
import 'react-multi-carousel/lib/styles.css'
import '../scss/styles.scss'

function MyApp({ Component, pageProps, apollo }: AppProps) {
return (
<ApolloProvider client={apollo}>
<Component {...pageProps} />
</ApolloProvider>
)
}

export default withData(MyApp)

对应Strapi setup tutorial here在前端设置的第 3 节下。

最佳答案

或者,我已经完成了以下操作:

import App, { AppProps  } from 'next/app';
import { ApolloProvider, ApolloClient } from '@apollo/client';

interface Props {
apollo: ApolloClient<{}>;
}

const MyApp = ({ Component, pageProps, apollo }: AppProps & Props) => {
}

关于reactjs - NextJS/Typescript/Apollo 错误;属性在类型上不存在,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60915813/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com