三言兩語說透設(shè)計模式的藝術(shù)-簡單工廠模式
一、寫在前面工廠模式是最常見的一種創(chuàng)建型設(shè)計模式，通常說的工廠模式指的是工廠方法模式，是使用頻率最高的工廠模式。簡單工廠模式又稱為靜態(tài)工廠方法模式，不屬于GoF 23種設(shè)計
最近在使用 Next.js 時遇到了一個問題，最后原因竟是 .env 取值問題，為這個問題花費了數(shù)小時的時間，希望看到這篇文章的朋友，如果遇到類似問題，不要重蹈覆轍吧。
起初報錯內(nèi)容如下所示：
圖片
一開始關(guān)注點在下面這行：
Generating static pages (0/10) [== ] ? TypeError: Cannot read properties of null (reading 'useContext')看到這個報錯以為只是 useContext Hook 的使用問題，看了代碼后也沒看出什么問題并且在同事的電腦試過了沒有此問題，這就很難辦了！
懷疑是否是版本問題，升級到最新的 V14.0.1 還是沒能解決。之后在 Next.js Issue 下搜索相關(guān)關(guān)鍵詞，確實找到了類似的提問，例如：?issues#57277、?issues#52478、?discussions#43577，截止目前沒看到好的解決辦法，還在討論這個問題。
之后，注意到控制臺有以下警告信息。
圖片
根據(jù)提示看了下詳細(xì)內(nèi)容，注意到了下面標(biāo)注的這句話，大概意思是如果未設(shè)置標(biāo)準(zhǔn)的 NODE_ENV 環(huán)境變量可能會導(dǎo)致依賴關(guān)系出現(xiàn)意外行為。
圖片
這個 “意外行為” 就很難講了，說不定真和上面的報錯有關(guān)系，在執(zhí)行 next build 時，打印了 NODE_ENV 環(huán)境變量發(fā)現(xiàn)被修改為了 development。在代碼層面我是沒有設(shè)置的，后來查了下本機的 ~/.zshrc 文件，發(fā)現(xiàn)這里設(shè)置了 NODE_ENV 環(huán)境變量為 development，才導(dǎo)致的 next build 時環(huán)境變量取值繼承了本機設(shè)置的環(huán)境變量。
嘗試修改命令為 NODE_ENV=production next build，結(jié)果成功了。但這種神奇的構(gòu)建問題，對用戶體驗是真的不夠好。
下面對 Next.js 環(huán)境變量的一些規(guī)則做個總結(jié)
在 Next.js 中，執(zhí)行 next dev 命令時需要確保 NODE_ENV 為 development。執(zhí)行 next start和 next build 命令時需要確保 NODE_ENV 為 production。
按照 Next.js 官網(wǎng)給的建議，在我們的代碼倉庫最好有三個文件：
注意環(huán)境變量的加載順序，Next.js 按以下順序查找環(huán)境變量，一旦找到變量就停止。
關(guān)于環(huán)境變量更多內(nèi)容參考 Next.js 文檔 ?https://nextjs.org/docs/app/building-your-application/configuring/environment-variables
本文鏈接：http://www.www897cc.com/showinfo-26-22484-0.html被 Next.js 的環(huán)境變量給坑了一把...
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
上一篇： 如何構(gòu)建最小和最大堆
Copyright ? 2016-2023 天津谷騏科技有限公司 版權(quán)所有 sitemap.xml
違法及侵權(quán)請聯(lián)系：2376512515@qq.com 津ICP備18001702號
津公網(wǎng)安備 12010102000574號