---
# System prepended metadata

title: 在部署netlify的時候有碰到問題

---

# 在部署netlify的時候有碰到問題
1. 當時clone GitHub SBF-BONK下來時要先 npm run build 有幾個錯誤。（已解決）
    a. Index.tsx 頁面 ""< img>"" 標籤要使用 ""< Image>""
    b. Index.tsx 頁面 ""< a>"" 標籤要使用 ""<Link>""
2.  不管使用netlify UI 或是 netlify-cli 部署時參考影片或是文章都大同小異，但是部署時都碰到同樣問題。
	## 參考使用部署方式
	1. https://www.netlify.com/blog/2020/11/30/how-to-deploy-next.js-sites-to-netlify/
	2. https://www.youtube.com/watch?v=XJ2in0qw4Gw

	## 問題：	
    1. 因為沒有權限所以無法設置z-institute 上的 deploy key,所以只好另外抓檔案下來，上傳到自己的github上做部署測試，加上deploy key後可以部署。(已解決)
    ![](https://i.imgur.com/fevGC2K.png)
    
    2. 使用netlify UI 或是 netlify-cli 可以看到正常在跑deploy，但是都會碰到錯誤。(已解決)
    ![](https://i.imgur.com/iC5agDt.jpg)
    
    相關問題查找
        a. [嘗試1](https://stackoverflow.com/questions/69831067/cannot-deploy-next-js-to-netlify-deploy-failed-due-to-an-error-in-netlify-plug)
        b. [嘗試2](https://stackoverflow.com/questions/66353549/deploy-did-not-succeed-deploy-directory-out-does-not-exist)
        c. [嘗試3](https://stackoverflow.com/questions/72724257/i-cannot-deploy-next-js-to-netlify-deploy-failed-because-of-a-mistake-in-netli)
        d. [嘗試4](https://answers.netlify.com/t/debugging-build-failed-non-zero-exit-code-2-and-exit-code-254/56630)
        c. [有人同樣狀況](https://answers.netlify.com/t/error-the-directory-opt-build-repo-build-does-not-contain-a-next-js-production-build/66982)

---

最後成功部署設定netlify設定檔長這樣

![](https://i.imgur.com/zj08Wjj.png)
![](https://i.imgur.com/9O9HXVt.png)


---

新增了i18n之後，在netlify部署時會遇到錯誤，因為i18n會產生靜態檔案，但Next.js在export時會出錯
![](https://i.imgur.com/IlZubf2.png)

搜尋後出現此文章解釋會出錯誤的關係
![](https://i.imgur.com/DgFpk6H.png)


建議改用Vercel來部署Project

改用vercel成功部署
![](https://i.imgur.com/cgv9kOL.png)


且成功運作
https://cyberbonk.vercel.app/
