小ネタ。
yarn create next-app したプロジェクトの設定ファイルなどを、 yarn create next-app --example with-jest したプロジェクトにコピーし、 yarn build したら Module not found: Can't resolve 'styles/globals.css' が発生。
TypeScriptプロジェクトにし、baseUrl を src にして、 pages や styles は src 配下に移動済みだったので、なんでだろうと思ったら、 styles 配下のCSSファイル名が異なっていた。
yarn create next-app だと globals.css だが、 yarn create next-app --example with-jest だと global.css と、拡張子前の s がない。
Next.js v12.2.0 のexamplesを検索すると、 globals.css が31件、 global.css が以下の9件。 with-jest 以外に、 with-react-hook-form も global.css だった。
- fast-refresh-demo
- layout-component
- script-component
- with-ant-design
- with-jest
- with-jest-babel
- with-react-hook-form
- with-semantic-ui
- with-unsplash
気づかずファイルを消してしまったのかと思い、結構慌てた。
