Next.jsでSSG出力したファイルをサーバにアップロードするとA client-side exception has occurredというエラーが出る
解決したいこと
Next.jsでSSG出力したファイルをサーバにアップロードすると、一瞬だけページが正常に表示されたのち真っ白になります。
コンソールを確認すると以下のようなエラーが大量に（50万件くらい）出ていました。
発生している問題・エラー
main-2b116ee56a5edab7.js:1 A client-side exception has occurred, see here for more info: https://nextjs.org/docs/messages/client-side-exception-occurred
renderError @ main-2b116ee56a5edab7.js:1
framework-0c7baedefba6b077.js:9 TypeError: Cannot read properties of null (reading 'content')
at o (main-2b116ee56a5edab7.js:1:6623)
at main-2b116ee56a5edab7.js:1:6489
at Array.forEach (<anonymous>)
at Object.updateHead (main-2b116ee56a5edab7.js:1:6477)
at Object.emitChange (main-2b116ee56a5edab7.js:1:101436)
at main-2b116ee56a5edab7.js:1:101726
at Rj (framework-0c7baedefba6b077.js:9:84178)
at Ik (framework-0c7baedefba6b077.js:9:113177)
at w (framework-0c7baedefba6b077.js:9:107725)
at J (framework-0c7baedefba6b077.js:33:1364)
Mi @ framework-0c7baedefba6b077.js:9
また、表示するPCによってはCSSが反映されてないページが表示されたりします。
使っているサーバはxserverです。
next.config.js
/** @type {import('next').NextConfig} */
const nextConfig = {
assetPrefix: 'https://www.xxxxxx.com',
trailingSlash: true,
reactStrictMode: true,
images: {
loader: "custom",
domains: ["images.microcms-assets.io"],
},
output: 'export',
}
module.exports = nextConfig
このような事例に心当たりがある方、教えていただけると幸いです。
0