为什么对应用程序目录中的页面逐步迁移到next.js 13失败？
为什么对应用程序目录中的页面逐步迁移到next.js 13失败？
提问于 2022-10-31 02:46:14
我有一个next.js 12网站，我打算逐步升级到next.js 13。
我更新到了next@latest，它是13.0.0，我还更新了react，即当时的18.2.0。
然后我运行了npm run dev，一切都很好。
现在我添加了一个app目录，在其中我为我的页面添加了另一个目录，名为test for /test路由，并在其中添加了一个名为page.js的文件，这是一个简单的页面。
然而，当我导航到/test时，我看到了404。
我在这里错过了什么？我应该配置next.js 13以同时识别pages和app目录吗？
更新
实际上，当我使用npx create-next-app site --use-npm时，它没有app目录，尽管它是package.json中的13.0.0。甚至当我在app/test/page.js中添加一个页面时，当我导航到/test目录时，仍然可以得到404。
回答 1
Stack Overflow用户
发布于 2022-10-31 07:24:43
尝试添加@latest和--experimental-app
示例：npx create-next-app@latest --experimental-app site
您需要设置experimental.appDir以启用app目录功能
// next.config.js
const nextConfig = {
experimental: {
appDir: true,
},
};- true：app pages目录
更新：
@latest添加
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/74258292
复制相关文章
相似问题
腾讯云开发者
