Next.js 應用程序部署到 Vercel 時出錯

Question

我嘗試使用 Next.js 和我的自定義后端與 Django 開發 Next.js 應用程序。 我已經完成了它開發了我想要的一切，但是當我嘗試將它部署到 Vercel 時，每次我這樣做時都會出現 getStaticPaths 錯誤，但是我嘗試制作最小的博客應用程序，我可以使用 Next.js 和動態路由它工作正常，沒有任何問題。

你能幫我嗎，因為這是我的博客應用程序開發的最后一步

我遇到的錯誤 =>

PS D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode> npm run build
 
> downthecode@0.1.0 build D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode
> next build && next export
 
info  - Using webpack 5. Reason: no next.config.js https://nextjs.org/docs/messages/webpack5
info  - Checking validity of types  
info  - Creating an optimized production build  
info  - Compiled successfully
info  - Collecting page data  
[==  ] info  - Generating static pages (0/16)
Error occurred prerendering page "/cateogary/[cateogary]". Read more: https://nextjs.org/docs/messages/prerender-error
TypeError: Cannot read property '0' of undefined
    at cateogaryPageFun (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\.next\server\pages\cateogary\[cateogary].js:63:39)
    at d (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\react-dom\cjs\react-dom-server.node.production.min.js:33:498)
    at bb (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\react-dom\cjs\react-dom-server.node.production.min.js:36:16)
    at a.b.render (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\react-dom\cjs\react-dom-server.node.production.min.js:42:43)
    at a.b.read (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\react-dom\cjs\react-dom-server.node.production.min.js:41:83)
    at exports.renderToString (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\react-dom\cjs\react-dom-server.node.production.min.js:52:138)        
    at Object.renderPage (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\next\dist\next-server\server\render.js:54:854)
    at Function.getInitialProps (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\.next\server\pages\_document.js:603:19)
    at loadGetInitialProps (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\next\dist\next-server\lib\utils.js:5:101)
    at renderToHTML (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\next\dist\next-server\server\render.js:54:1145)
 
Error occurred prerendering page "/hashtag/[hashtag]". Read more: https://nextjs.org/docs/messages/prerender-error
TypeError: Cannot read property 'map' of undefined
    at hashtagPageFun (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\.next\server\pages\hashtag\[hashtag].js:117:35)
    at d (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\react-dom\cjs\react-dom-server.node.production.min.js:33:498)
    at bb (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\react-dom\cjs\react-dom-server.node.production.min.js:36:16)
    at a.b.render (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\react-dom\cjs\react-dom-server.node.production.min.js:42:43)
    at a.b.read (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\react-dom\cjs\react-dom-server.node.production.min.js:41:83)
    at exports.renderToString (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\react-dom\cjs\react-dom-server.node.production.min.js:52:138)        
    at Object.renderPage (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\next\dist\next-server\server\render.js:54:854)
    at Function.getInitialProps (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\.next\server\pages\_document.js:603:19)
    at loadGetInitialProps (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\next\dist\next-server\lib\utils.js:5:101)
    at renderToHTML (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\next\dist\next-server\server\render.js:54:1145)
[=== ] info  - Generating static pages (8/16)
Error occurred prerendering page "/posts/[post]". Read more: https://nextjs.org/docs/messages/prerender-error
TypeError: Cannot read property 'Headline' of undefined
    at index (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\.next\server\pages\posts\[post].js:745:32)
    at d (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\react-dom\cjs\react-dom-server.node.production.min.js:33:498)
    at bb (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\react-dom\cjs\react-dom-server.node.production.min.js:36:16)
    at a.b.render (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\react-dom\cjs\react-dom-server.node.production.min.js:42:43)
    at a.b.read (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\react-dom\cjs\react-dom-server.node.production.min.js:41:83)
    at exports.renderToString (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\react-dom\cjs\react-dom-server.node.production.min.js:52:138)        
    at Object.renderPage (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\next\dist\next-server\server\render.js:54:854)
    at Function.getInitialProps (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\.next\server\pages\_document.js:603:19)
    at loadGetInitialProps (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\next\dist\next-server\lib\utils.js:5:101)
    at renderToHTML (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\next\dist\next-server\server\render.js:54:1145)
info  - Generating static pages (16/16)
 
> Build error occurred
Error: Export encountered errors on following paths:
        /cateogary/[cateogary]
        /hashtag/[hashtag]
        /posts/[post]
    at D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\next\dist\export\index.js:31:1106
    at processTicksAndRejections (internal/process/task_queues.js:95:5)
    at async Span.traceAsyncFn (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\next\dist\telemetry\trace\trace.js:6:584)
    at async D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\next\dist\build\index.js:45:49
    at async Span.traceAsyncFn (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\next\dist\telemetry\trace\trace.js:6:584)
    at async D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\next\dist\build\index.js:27:1475
    at async Span.traceAsyncFn (D:\Web Developement\Next Projects\BlogX\Down the Code\downthecode\node_modules\next\dist\telemetry\trace\trace.js:6:584)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! downthecode@0.1.0 build: `next build && next export`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the downthecode@0.1.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
 
npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\coder\AppData\Roaming\npm-cache\_logs\2021-07-25T09_16_55_757Z-debug.log

Repo 的代碼可以在這里找到 => https://github.com/coderaman07/Days-of-Code

Answer 1

您的serverDomain始終是serverDomain = 'http://127.0.0.1:8000' ，因為domainName.isInDevelopement始終為"True" （作為字符串類型，因此不公平）。

因此，您基本上是在嘗試從本地主機獲取數據，但是 Vercel 本地主機上沒有任何內容，python 后端沒有在那里運行。