当我启用nextjs 13 appDir功能并添加一个链接时，我得到一个错误"未处理的运行时错误类型错误：无法读取未定义的属性（读取"call"）"，我还看到另一个错误"未捕获的错误：水合时出现错误。由于错误发生在暂停边界之外，整个根将切换到客户端渲染。"以下是我的代码
import Link from 'next/link';
function Header() {
return (
<div>
<Link href="/">Home</Link>
</div>
);
}
export default Header;inside the appDir i have
layout.tsx
page.tsx
head.tsx
Header.tsx我还没有改变他们中的任何一个，除了我在layout.tsx中添加了Header组件
import Header from './Header';
import '../styles/globals.css';
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<html>
<head />
<body>
<Header />
{children}
</body>
</html>
);
}只有当我添加'链接'，如果我不使用appdir和使用良好的旧./页它的罚款..什么是错的？因为我看到了很多教程，我只是复制和粘贴，我也得到同样的错误时，添加链接
1条答案
按热度按时间bvuwiixz1#
别担心，即使是Vercel也不知道Next 13会如何工作！他们毁了一切...他们不知道中间件会如何工作（他们改变了10次策略），你不能创建你的自定义授权，链接不起作用，没有聪明的方法来解析和设置服务器端cookie，除了css模块之外，您不能以常规方式使用SCSS（这太糟糕了）。没有基本的东西是行不通的！你所能做的一切都是围绕着整个框架，哭着说。没有人知道答案。避免应用程序结构在广泛的幽灵使用，直到它成为默认的下一个建议的结构！