时间戳

首页 > 解决方案 > NextJS/Typescript/Apollo 错误；类型上不存在属性

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

问题描述

我对 NextJS 和 Typescript 还很陌生，我正在实现无头 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 设置教程在前端设置的第 3 节下。

标签： reactjstypescriptnext.jsapollostrapi

解决方案

或者，我做了以下事情：

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

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

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

推荐阅读