从Next.js开始,无法阻止它将测试文件视为pages文件夹中的页面

jljoyd4f  于 2023-03-18  发布在  其他
关注(0)|答案(1)|浏览(153)

在我的前端项目中,我已经习惯了将我的测试文件直接存储在他们正在测试的组件旁边。
话虽如此,我已经开始了一个项目与Next.js和Next.js有一个路由器,这是建立在文件路径位置的前提下,而不是像React路由器,我在过去使用的东西。
我如何明确地告诉Next.js忽略我的 *.spec.ts文件?

zzoitvuj

zzoitvuj1#

在页面目录中包括非页面文件

您可以将测试文件或组件使用的其他文件放在pages目录中,在next.config.js中添加pageExtensions配置:

module.exports = {
  pageExtensions: ['page.tsx', 'page.ts', 'page.jsx', 'page.js'],
}

然后,重命名你的页面,使其文件扩展名包含.page(例如,将MyPage.tsx重命名为MyPage.page.tsx)。确保你重命名了所有的Next.js页面,包括上面提到的文件。
下一个. js文档

相关问题