Fatal编程技术网
  • reactjs/
  • Reactjs 使用帧运动'；时，Nextjs给定元素类型无效错误；s动议.div

Reactjs 使用帧运动'；时，Nextjs给定元素类型无效错误；s动议.div

reactjs next.js

Reactjs 使用帧运动'；时，Nextjs给定元素类型无效错误；s动议.div,reactjs,next.js,framer-motion,Reactjs,Next.js,Framer Motion,我似乎不明白为什么我得到的元素类型无效：应该是字符串（对于内置组件）或类/函数（对于复合组件），但得到了：object。在中包装任何组件时出错 在我的\u app.js中，我有以下内容 import "../styles/index.css"; import Head from "next/head"; import {AnimatePresence} from 'framer-motion' import {useRouterHook} from '..

我似乎不明白为什么我得到的
元素类型无效：应该是字符串（对于内置组件）或类/函数（对于复合组件），但得到了：object。
在
中包装任何组件时出错

在我的
\u app.js
中，我有以下内容


import "../styles/index.css";
import Head from "next/head";
import {AnimatePresence} from 'framer-motion'
import {useRouterHook} from '../utils/useRouter'

function MyApp({ Component, pageProps }) {
  const {route} = useRouterHook()
  
  return (
    <>
    
      <Head>
        <link
          rel="preconnect"
          href="https://fonts.gstatic.com"
          crossOrigin="true"
        />
        <link
          rel="preload"
          as="style"
          href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
        />

        <link
          href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
          rel="stylesheet"
        />

      </Head>
      <AnimatePresence exitBeforeEnter key={route}>
      <Component {...pageProps}  />
      </AnimatePresence>
    </>
  );
}

export default MyApp;




导入“./style/index.css”；
从“下一个/Head”导入Head；
从“帧运动”导入{AnimatePresence}
从“../utils/useRouter”导入{useRouterHook}
函数MyApp（{Component，pageProps}）{
const{route}=useRouterHook（）
返回(
);
}
导出默认MyApp；


然后我有一个
LandingPage
组件，如下所示


从“./utils/Link”导入链接；
从“./utils/path”导入路径；
从“框架运动”导入{motion}；
常数着陆页=（）=>{
返回(

您可以将
键
道具从
移动到