缺少道具验证 - _app.js 中的组件和 pageProps。如何解决？答案

【问题标题】：Missing props validation - Component and pageProps in _app.js. How to fix it?缺少道具验证 - _app.js 中的组件和 pageProps。如何解决？
【发布时间】：2022-07-23 00:09:16
【问题描述】：

以下是_app.js中使用的代码，用于带有typescript的nextjs项目

import React from 'react'
import '../styles/globals.css'

function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

export default MyApp

错误提示

4:18 错误：道具验证反应/道具类型中缺少“组件” 4:29 错误：道具验证反应/道具类型中缺少“pageProps”

我该如何解决这个问题？

【问题讨论】：

标签： javascript reactjs next.js

【解决方案1】：

如果你安装了prop-types npm 包，你可以试试这个：

import PropTypes from 'prop-types';
import React from 'react';
import '../styles/globals.css';

function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

MyApp.propTypes = {
  pageProps: PropTypes.object,
  Component: PropTypes.element
};

export default MyApp;

【讨论】：