新项目用了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,但没有报错,最终换其他分词库解决。