nextjs 在 build 时,会将page目录下的相关文件生成一份静态 html , 如果我们把自定义组件和测试文件放在 page 目录下,nextjs 在 build 时会出错。
nextjs
build
page
我们这个时候可以利用它的 pageExtensions 来解决这个问题
pageExtensions
pageExtensions 的默认值是 ['tsx', 'ts', 'jsx', 'js'], 我们可以扩展一下我们需要通过路由访问(或者静态化)的页面,为文件定义一个新的后缀名,即可。
官方文档:
文档地址