新项目用了nextjs 14, 发现目录结构都变了,还需要去查资料,记录一下变更。
默认的页面文件,也又index.js 变成了page.js.
└── app
├── api
├── components
├── dashboard // 普通页面目录
│ └── page.js // 页面文件
├── favicon.ico
├── fonts
│ ├── GeistMonoVF.woff
│ └── GeistVF.woff
├── globals.css
├── layout.js
├── lib // 特殊目录,不会变成页面目录
└── page.js
坑
放在api/xx/route.js 下的文件,会被映射为接口。我昨天还能调通的接口,今天404了,看起来像是api/文件夹下不生效,没进去。因为今天装了一些包和变更了nodejs 版本,以为是触发了nextjs 什么配置,后来注释代码才定位到,应该是代码中出错了。但无报错,就是显示404.
排查到最后,是引入了jieba 分词导致的404,但没有报错,最终换其他分词库解决。