---
# System prepended metadata

title: Gulp 常見錯誤
tags: [網頁切版直播班 - 2021 夏季班]

---

---
tags: 網頁切版直播班 - 2021 夏季班
---
# Gulp 常見錯誤

每個常見錯誤，都會附上學生顯示的錯誤截圖，以方便同學比對吻合。

## 在 Mac 上，輸入 `npm i gulp@4 -g` 或 `npm install` 時，一直會出現權限不足的錯誤 `Error: EACCES: permission denied`

A1：請指令前面加入 `sudo`，例如 `sudo npm i gulp@4 -g`，輸入後他會要求你打 MAC 的登入密碼，輸入後就可正常運作。


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



## 輸入 `git commit -m "first commit 時"`，出現錯誤畫面
A1：需輸入兩個指令，設定自己的身份，詳情可看此[影片](https://courses.hexschool.com/courses/2020112/lectures/33575297)

```
git config --global user.name "您的姓名"
git config --global user.email "您的Email"
```

![](https://i.imgur.com/2icyE9z.png)


# 請問安裝gulp時若出現以下畫面要如何解決，我有安裝成功node.js了但gulp時不知為什麼裝不好!

![](https://i.imgur.com/4Eqr5Yw.jpg)

A1：請試試看前面加上 sudo，sudo npm -i  gulp@4 -g 就前面加上個 sudo 他會請你打個人電腦的密碼~下面的資訊是寫說希望您提供比較高的權限，讓他可以操作，所以需要輸入 sudo

Q2：老師，我有打密碼了!但它只出現這個畫面就不動了!!

![](https://i.imgur.com/ia0U3YJ.jpg)

A2：我參考這個[網頁](https://medium.com/@toumasaya/gulp-fighting-1-2e35ead0664f#id_token=eyJhbGciOiJSUzI1NiIsImtpZCI6IjFiZjhhODRkM2VjZDc3ZTlmMmFkNWYwNmZmZDI2MDcwMWRkMDZkOTAiLCJ0eXAiOiJKV1QifQ.eyJpc3MiOiJodHRwczovL2FjY291bnRzLmdvb2dsZS5jb20iLCJuYmYiOjE2MjU4NDEwMzcsImF1ZCI6IjIxNjI5NjAzNTgzNC1rMWs2cWUwNjBzMnRwMmEyamFtNGxqZGNtczAwc3R0Zy5hcHBzLmdvb2dsZXVzZXJjb250ZW50LmNvbSIsInN1YiI6IjEwMDA1MTM2NzMwNzMwMTI1NzI2NCIsImVtYWlsIjoiYTA5NzYxOTg1ODZAZ21haWwuY29tIiwiZW1haWxfdmVyaWZpZWQiOnRydWUsImF6cCI6IjIxNjI5NjAzNTgzNC1rMWs2cWUwNjBzMnRwMmEyamFtNGxqZGNtczAwc3R0Zy5hcHBzLmdvb2dsZXVzZXJjb250ZW50LmNvbSIsIm5hbWUiOiLmsojkvp3ok4kiLCJwaWN0dXJlIjoiaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EvQUFUWEFKeE1kbU5CVEV1Y2czNldoNmprckM5TkRzUUR4Rjh0UHVsUnd1bVc9czk2LWMiLCJnaXZlbl9uYW1lIjoi5L6d6JOJIiwiZmFtaWx5X25hbWUiOiLmsogiLCJpYXQiOjE2MjU4NDEzMzcsImV4cCI6MTYyNTg0NDkzNywianRpIjoiYjc1ZmFlNDczMjU4NWNkMGQ3YzM3OGUzZDAyNGI1OWQ1Yjk4ZjNhMSJ9.NO8XGNZKT1i0ITE3Rq3ygx6Dji545ClE4keLXP9tNSsTg76VSWXVg7dH1_Az2Wbv6zD1HTtKMVIYEG14BxakCgtm4qPNX1kuCDH8kUsWqF2PEdT08_gukRmJMH40dy73wPZcrtslfHT_9FMwtxB0qkWiZkBLTwpppl0c1mM_JUtYNXDfJPYBnwZ1iSYH7l13_JIxDyvHFj2TXyTvWHhDacVV6UHPmkkU3LU2L84X6N9-EXKz7mIIK8XYwJf6N-IKcfNufkM7WjxTV_O4G5-8J93IkXNmkA6Dercg03_takQAB2QuWoayqq91vRxKHNGPO-jD_wFv3SAYl8_bp16ZkQ)後成功了!

Q3：我安裝node也沒有問題了，謝謝你，但我在執行到後面第六步驟時，就卡住，想說是哪裡出問題呢？中間還建議我在打一次npm install gulp ，結果就自動出現安裝xcode的畫面，我就默默安裝起來...

![](https://i.imgur.com/GRq6Z72.jpg)

A3：先依照他建議安裝看看，有看到他的提示來解決很棒哩，有喔，沒注意往下還有另外指令，我已經安裝好了，也整理一下安裝的指令如下：

總結一下，在mac的情況下,安裝gulp有三種指令方式
（可視是否安裝成功，依序嘗試指令）
$npm i gulp@4 -g
$ sudo npm install gulp -g(會需要打權限密碼)
$ npm install gulp --save-dev（強制告訴電腦請為開發用套件）

Q4：不好意思弱弱地請教一下，請問這個我該怎麼解決呢

![](https://i.imgur.com/kIry4Dc.png)



A4：倒數第三行看似有成功了，你用 gulp -v 指令看看有沒有回饋給你版本號有的話表示成功~

# 目前正按照步驟設置gulp環境,目前到要輸入git init但出現'git' 不是內部或外部命令、可執行的程式或批次檔。請問該怎麼辦? node js 是 v14.17.3

A1：這是沒安裝 git 的關係，[安裝](https://git-scm.com/)完重新打開終端機試試看！


Q2：在做git commit -m "first commit"這步時會與影片教學顯示的不太一樣.....
繼續往下做時會一直顯示 error... 如下圖
請問該如何解決呢? 電腦試 win10

A2：git 要請你設定你的身份，這裡我在教學文件補了[步驟三](https://courses.hexschool.com/courses/2020112/lectures/33403921)

Q3：請問設定完身分之後再從 git init 開始嗎?

A4：恩恩，然後他有時會給你提示！說你可以用下方那個指令，你可試試看！

![](https://i.imgur.com/rn7xuzL.png)


* git status
* git log

剛剛在[ GitHub Pages 上集](https://courses.hexschool.com/courses/2020112/lectures/33403929)補充了些東西，幫助大家這段執行更順利~

![](https://i.imgur.com/QwORIRt.png)

# 老師您好，我自己根據直播的影片設置gulp，最後也[成功了](https://jerry160726.github.io/testgulp/)，但在最後的QA老師說這設定只給 SCSS，那像我沒學過 只會寫 CSS 繳交作業還是像以往一樣 用以下....這兩點嗎？不好意思還沒有學過 SCSS 想跟老師再確認一下？

* 1. Codepen
* 2.透過Github desktop上傳檔案到github之後再轉成Github pages

A1：其實 scss 也支援純 css 的，這是第四週才會講解的流程，只是提前先將環境設置好，就已經 ok 了！其他可以等我第四週解說就可以，做得很棒哦。

# 校長好，不好意思，因為正在看 gulp 教學但最後 gulp deploy 時會出現此錯誤訊息導致 git 上面沒有 ph-pages，在麻煩校長指點，謝謝。

A1：git 要請你設定你的身份，這裡我在教學文件補了[步驟三](https://courses.hexschool.com/courses/2020112/lectures/33403921)，我不確定是不是這裡的步驟三需要設定，因為看到第一行說找不到 username 有此猜測，你試試看，但照理來說你前面有跑過 git push 應該是有設定過了才對，可[參考](https://stackoverflow.com/questions/22147574/fatal-could-not-read-username-for-https-github-com-no-such-file-or-directo)

Q2：對 因為本身有在使用 git username 應該是有的 @@

A2：我不確定你是不是用 ssh 方式來推？若是的話下面的 ssh 看一下，或是重新設定暱稱！然後截圖最下面有沒有其他 err 資訊？看起來沒截圖完全

Q3：這個是完整的截圖資訊 @@

![](https://i.imgur.com/OqWKZYc.png)

A3：他好像是說 git pull 失敗！你本地端的 repo 名稱是叫做 master 還是 main ?


Q4：請問是這邊嗎？我第一次的 git 上傳 都是複製這些指令

![](https://i.imgur.com/BAcF4Nj.png)


A4：那要換成自己的！

Q5：請問校長影片中 push 的部分是 master 請問是要用 master而不是 main 嗎? 我這次 push 用 master 似乎也不行...




A5：其實用 main 應該也是可以的！就兩種都試試看。你可以讓我看一下 git remote，目前你 remote 的位置在哪裡？


Q6：https://github.com/recall131477/test3


A6：詳細問答如下：



> Vic  7 days ago
> 好奇肉鬆的 git remote get-url origin
> 
> 廖洧杰  7 days ago
> 我其實一直很在意那段 git username 那句話
> 
> 肉鬆  7 days ago
> username是輸入git帳號嗎?
> 
> 肉鬆  7 days ago
> 我剛剛查了一下username是rousong
> 
> 肉鬆  7 days ago
> 這是我之前自己打的
> 
> 廖洧杰  7 days ago
> 那我好奇問一個問題哦
> 
> 廖洧杰  7 days ago
> 你如果建立一個 gh-pages 分支
> 
> 廖洧杰  7 days ago
> 用push 的 直接 push 上去可以動嗎？
> 
> 肉鬆  7 days ago
> 是說我建立一個檔案叫做gh-pages 在push上去嗎?
> 
> 廖洧杰  7 days ago
> 就是先手動產生 gh-pages 分支
> 
> 廖洧杰  7 days ago
> 再 push 上去，想問你有學過 git 分支了嗎？
> 
> 肉鬆  7 days ago
> 之前有上過校長的git直播班 但分支個人比較少用 有點忘了...
> 
> 廖洧杰  7 days ago
> @Vic 目前你嘗試到哪裡？
> 
> Vic  7 days ago
> 移除遠端分支，重新加入自己的，切換到 gh-pages
> 
> Vic  7 days ago
> 然後執行 gulp deploy 失敗 Error in plugin 'gulp-gh-pages'
> 
> 廖洧杰  7 days ago
> 哦哦哦哦
> 
> 廖洧杰  7 days ago
> 你們都是用 git clone 嗎？
> 
> 廖洧杰  7 days ago
> 你們試試看用 download 的試試看
> 
> Vic  7 days ago
> 我是用 git clone 沒錯
> 
> Paisley Chien  7 days ago
> 我也有類似 @Vic 的問題(舉手)，但我的問題是因為我的github帳號有卡二段驗證，在CMD裡面執行的時候密碼輸入access token會死不理我說沒這帳號密碼，但改用sourcetree裡面的cmd做一樣的事就會成功push上去，但現在一樣卡在gulp deploy會失敗
> 
> 肉鬆  7 days ago
> 我剛剛git branch gh-pages 然後在git merge 直接push嗎?
> 
> 廖洧杰  7 days ago
> 他可能會因此影響到上游分支追蹤
> 
> 肉鬆  7 days ago
> 我剛剛錯誤訊息感覺也是分支問題
> 
> 廖洧杰  7 days ago
> @Paisley Chien 二段驗證他有兩種，一種是 access token 另一個是 web
> 
> 廖洧杰  7 days ago
> 選擇 web 試試看
> 
> Vic  7 days ago
> 我看了 Ray 的 README.md 最後會不會是版本問題...
> 
> 肉鬆  7 days ago
> @Vic  你的有出現ph-pages嗎?
> 
> Paisley Chien  7 days ago
> 選Web都會說帳號密碼錯誤QuQ 在想是不是我本身config global設定的問題
> 
> Vic  7 days ago
> 我讓它在 gh-pages 這個分支下了
> 
> 廖洧杰  7 days ago

![](https://i.imgur.com/8nAVjmA.png)

> 
> 廖洧杰  7 days ago
> 是不是這個？
> 
> 肉鬆  7 days ago
> 挖 好像只有我的不會出現 ph-pages QQ
> 
> 廖洧杰  7 days ago
> 那建議換個 GitHub 密碼試試看，因為那裡只能猜測是帳號密碼打錯了
> 
> 廖洧杰  7 days ago
> 你可能會覺得應該不是帳號密碼問題，但至少我們得先排除可能的錯誤因素哩
> 
> Paisley Chien  7 days ago
> 我晚一點再研究看看(已經約了小組討論) 因為很神妙的是只有sourcetree的cmd會過... 如果有新進展再來回報
> 
> 肉鬆  7 days ago
> 請問校長 我目前手動建立了ph-pages分支 我需要合併在push嗎?
> 
> Vic  7 days ago
> 已在 gh-pages 分支下
> 2 files 

![Uploading file..._ggikap5m6]()



> 
> 
> 
> 廖洧杰  7 days ago
> @肉鬆 你如果對 git 分支不熟就先不要這樣做好哩~
> 
> 廖洧杰  7 days ago
> 你建立了本地分支的話
> 
> 廖洧杰  7 days ago
> 就可以用 git push origin gh-pages 推送上去
> 
> 廖洧杰  7 days ago
> @Vic 嗯版本也有關係，目前已知 node 官方穩定版 ok
> 
> 廖洧杰  7 days ago
> Git 版本也有關係
> 
> 廖洧杰  7 days ago
> 建議 2.3 以上
> 
> 廖洧杰  7 days ago
> @肉鬆 你有沒有空開 zoom
> 
> Vic  7 days ago
> @廖洧杰 老師，我直接進 dist 資料夾，然後做傳統 git 上傳就正常上傳了
> :+1:
> 1
> 
> 
> 肉鬆  7 days ago
> 有的
> 
> 廖洧杰  7 days ago
> https://zoom.us/j/7014782088
> 
> 廖洧杰  7 days ago
> @Vic 是指 git deploy 這指令 ok 嗎？
> 
> Vic  7 days ago
> 不行~卡在那個套件
> 
> Vic  7 days ago
> gulp deploy? 卡在套件報錯
> 
> Vic  7 days ago
> @廖洧杰 在 dist 做一次傳統上傳後，回到 gulp deploy 方式上傳，套件沒報錯了!
> 
> 肉鬆  7 days ago
> 謝謝校長抽空幫我看
> 
> Paisley Chien  7 days ago
> @廖洧杰 在這邊回報一下校長，結果我把二段驗證關掉就一切正常了:扒地:
> 
> 廖洧杰  7 days ago
> @Paisley Chien 想不到@@ 好:ok_hand:
> 
> Sylvia-H  5 days ago
> 我也遇到一樣的問題！也是卡在 deploy 階段。
> 剛剛偶然看到解壓縮後的 gulp 專案底下有一份 README.md，裡面有提到把隱藏的資料夾「`.publish`」刪除後，再重新 `gulp deploy` 就可以了。
> 我試了一下，已成功完成部署。
> 因同樣問題卡關的夥伴們可以參考

Q8：借串問一下老師，git clone 下來後，直接 git remote add origin 自己的資源庫，會跟你說已存在 remote origin already exists，需要先移除掉原先的遠端位址嗎?

A8：不用，因為你 clone 時，他預設就有做 git remote 在 origin 所以 origin 就已經被設定


# 在作 guld build 的時候遇到問題如下：
1. 為什麼開啟gulp之後不能在終端機中輸入指令
2. 為什麼上傳github pages 的時候要先關掉gulp

![](https://i.imgur.com/bSaOvmO.png)

A1：這裡[常見 QA](https://courses.hexschool.com/courses/2020112/lectures/33403933)有提及，可以看下。

1. 因為終端機進入 gulp 開啟模式，所以沒辦法執行指令
2. 因為必須輸入指令，所以得暫時關閉 gulp 編譯模式~

Q2：可是為什麼我按ctrl+c 之後依樣沒反應呀？

A2：輸入法有沒有變成中文？喔喔好像是輸入法的問題~


# 在做 git push -u origin master 時會出現，PS: 我在猜是不是我 MAC 原本有 github A 帳號，我為了本課程多建一個 github B 帳號 產生衝突所導致？PS:有用 error 40 3去 google 查解法，只知道問題好像要在 gitconfig 中加上帳號就好？


![](https://i.imgur.com/3Z81S31.png)
![](https://i.imgur.com/OBSNZ1n.png)


A1：可能要查的關鍵字是如何讓兩個帳戶共存，[關鍵字](https://www.google.com/search?q=github+multi+account&rlz=1CDGOYI_enTW816TW816&oq=github+mul&aqs=chrome.1.69i57j0l5.7038j0j4&hl=zh-TW&sourceid=chrome-mobile&ie=UTF-8)提供給你，可以找一個試試看！但若短時間用不出來，建議還是先用原帳號。

原 PO：後來查到快速解法，開一個全新的管理者帳號，git 就可以先單用給六角 github。

# 想問一下為什麼每次更新 github pages 就會有這個畫面，要在 custom domain 裡寫 index.html 才會顯示打勾成功？

![](https://i.imgur.com/hbyipRk.png)



A1：因為他因為他同步需要時間同步需要時間，要同步完成，顯示有 V 才算部署完成。

* 藍色框：正在同步，網頁還是更新前的舊資料
* 綠色框：同步完成，網頁顯示的是更新後的新資料

# 我加了新頁 html 跟 css，怎麼 gulp 及佈到 git 為 GitHuppage？

![](https://i.imgur.com/y942r9I.png)


A1：這個第四週才會分在上課享，提前把環境用好很棒哩。


# 老師好，我在第二步驟安裝 gulp 遇到問題，沒版法回報版本號一直顯示 error，請問該如何解決呢？ 我是使用 mac



![](https://i.imgur.com/fD5wxRS.jpg)



A1：請你指令前面加上 sudo，如 sudo npm i gulp@4 -g，sudo 意思是比較高的權限，會需要輸入 Mac 密碼再請你試試看！

Q2：老師，我也是 mac，跟原 po 遇到同樣的問題，輸入 sudo npm i gulp@4 -g 後有成功跑出版本號，但 Local version 卻是 Unknown ，這樣會有影響嗎？我爬文有看到另一篇遇到同樣問題(windows)，解決方法是 cmd run as administrator，如果本地也要顯示版本號，我再研究此方法看看。


A2：如果你按 gulp -v 有反應的話，建議你先繼續往後面跑，應是沒有關係的。

# 請問大家關於安裝 gulp 步驟四：移動到該資料夾，cd 移動到該資料夾，如果移動成功，win 輸入指令dir，node 及 gulp 版本都有安裝，把資料夾移動至 cmd 時就會出現C:\Users\JIMMY>C:\Users\JIMMY\Desktop\project2>dir 'C:\Users\JIMMY\Desktop\project2' 不是內部或外部命令、可執行的程式或批次檔。請問是哪個步驟有錯誤嗎? 再麻煩指導了，感謝大家。

![](https://i.imgur.com/dLPBVcN.png)

A1：要先下 cd （你的資料夾位置) 按 enter 之後再下 dir。

原 PO：謝謝校長和同學們的幫忙，已成功安裝，發現是自己輸入 cd 時後面忘記空一格在移動資料夾，難怪會一直失敗，感謝神支援！

# 老師好，連接網上空間 git remote add origin [GitHub Repositories Url]  出現錯誤訊息, 要如何處理？

A1：你好像沒 cd 移動到資料夾就執行了 git init，所以你得先在該路徑移除隱藏檔 .git 再來開始跑流程哦。

Q2：路徑移除隱藏檔 .git? 不懂.

A2：你做完上面的設定後，到此圖的資料夾路徑看下，會有一個 .git 資料夾，先把他刪除

![](https://i.imgur.com/9Gz5RVy.jpg)



你在這個位置 c:/user/user ，有執行過 git init，必須先移除該資料夾路徑的 .git 資料夾，再來做後續。否則怎樣做都不行的，因為他是 .git 資料夾，預設你看不到！所以你必須依照我上面連結，先開啟設定才看得到 .git 資料夾。

Q3：執行到這裡又卡關了!? git push -u origin master


A4：

先檢查遠端位置 git remote get-url origin
如果不是你的資源庫位置，那就執行  git remote remove origin再重新加入，這樣也不行的話，到那個資料夾下，把 .git 這個資料夾刪除再重新跑一次流程。

也有可能是沒有先git add .  git commit -m "…" 才會無法推上遠端。

Q4：再重新跑一次流程最後推送檔案還是不成功，不知哪裡有問題？

A4：參考 A4 和[文件](https://blog.csdn.net/ruanhao1203/article/details/91948837)

# 不好意思，請問我用mac要下載git，是要選擇哪一項呢(教學裡的螢幕按下去後沒有自動下載)？

A1：

mac 裝 git 有很多種方式呦
建議可以選擇第一種 使用 homebrew
這樣以後裝其它套件也方便
點進去會有教學
如果不想可以用 Binary 比較簡單
提到的方式可以，但如果你傾向之前軟體安裝方式可以選第三種「Binary installer」

首頁點選這顆按鈕也可以


![](https://i.imgur.com/q0DgfwQ.png)


# 想要來詢問關於gulp deploy的問題，我已經使用了這個方式嘗試解決佈屬時 TypeError: Cannot read property 0 of null 的問題，但再次執行 gulp deploy 時，仍然會出現相同的 typeError，想要詢問這樣的情況可以怎麼偵錯及解決呢？另外 Git 的部分我是使用 SourceTree，不曉得是不是也會有關聯？

![](https://i.imgur.com/OcENEGW.png)

A1：可參考此[文件](https://hfcode.blogspot.com/2019/01/gulp-gh-pages.html)

# 當我要將 gulp 設到 github 上時，我打git init，結果終端機告訴我 'git' 不是內部或外部命令、可執行的程式或批次檔。(如下圖)請問要怎麼解決

A1：問答參考如下：



> 廖洧杰  6 days ago
> 要先安裝 git ，在第四週補充影音有提及
> 
> 廖洧杰  6 days ago
> https://git-scm.com/
> 
> 廖洧杰  6 days ago
> 安裝完 git 指令才會生效
> 
> 廖洧杰  6 days ago
> 建議看下第四週補充影音第一小節，裡面還有些需要補充的地方
> 
> 廖洧杰  6 days ago
> https://courses.hexschool.com/courses/2020112/lectures/33403921
> courses.hexschool.comcourses.hexschool.com
> 課前環境安裝
> 你是不是覺得，CSS 易學？上戰場才發現，CSS 難精！你認真嘗試了 影音課程、各種實體課程、翻閱各大文件 還是學不好？ 讓我們來培訓你。 (213 kB)
> https://courses.hexschool.com/courses/2020112/lectures/33403921
> 
> 
> 廖洧杰  6 days ago
> 也就是步驟三的部分，你再試試看
> 
> 粘勝凱  6 days ago
> 之後它讓我登入github然後出現這個，請問再來該怎麼做？

![](https://i.imgur.com/k93h3ko.png)


> 
> 
> 粘勝凱  6 days ago
> 不管按哪個都會顯示拒絕連線

![](https://i.imgur.com/zCkMkLu.png)


> 
> 廖洧杰  6 days ago

![](https://i.imgur.com/H3mJChS.jpg)


> 
> 廖洧杰  6 days ago
> 這個 url 是你的測試網址嗎？
> 
> 廖洧杰  6 days ago
> 你把所有瀏覽器關掉一下
> 
> 廖洧杰  6 days ago
> 然後再讓他自動開啟瀏覽器
> 
> 廖洧杰  6 days ago
> 是點右下角那顆
> 
> 廖洧杰  6 days ago
> 然後執行完也截圖終端機畫面來看下
> 
> 粘勝凱  6 days ago
> 我自己連上github看到這樣應該算成功了吧？

![](https://i.imgur.com/7UR7NlD.png)


> Nate Lu  6 days ago
> 這樣就成功了，gulp deploy 應該也沒問題。
> 話說你的帳號 n 也太多了吧。:laughing:
> 
> 粘勝凱  6 days ago
> @Nate Lu那是因為創帳號的時候一直not available 按到第14個n才可以... (edited) 


# 大家好~最近使用gulp建立專案製作每周任務時遇到一些問題：


1. 為什麼要分兩個檔案撰寫layout.ejs(footer&header),index.html(content)
2. layout.ejs是甚麼?
3. 完成之後更新到github的步驟有點混淆
    *     是先使用gulp build&gulpdeploy 上傳之後，再上傳到github(git add .>git commit...>git push)
4. 每次更新都要推兩次嗎?
vscode 中用liveserver預覽都變成以下畫面
https://github.com/iiujung/sixfoot_week2


A1：ejs 部分在第四週課程就會詳細講解，在那之前可以有先把環境建立好就可以哩~

gulp 封裝好了開發環境所以用 gulp 就會執行一個網頁伺服器起來了所以不用 vscode 的 liveserver 來啟用
至於出現那個畫面則是看到伺服器的檔案目錄
[EJS 的教學](https://medium.com/web-design-zone/%E5%AF%A6%E4%BE%8B-%E4%BD%BF%E7%94%A8nodejs-express-ejs%E8%A3%BD%E4%BD%9C%E9%9D%9C%E6%85%8B%E7%B6%B2%E7%AB%99-7f962914934)

# 執行gulp deploy出現了下列情況，有沒有人跟我一樣?  請問怎麼處理呢 ?我的 github 只有 master
https://github.com/38net/2021hexcss02 

![](https://i.imgur.com/bYE6dPr.png)


A1：.git 資料夾刪除看看，然後重做一次 git 流程，你跟我一樣是用 git clone 嗎？

Q2：.git 資料夾刪除 ==> 請問需要下的指令是？你跟我一樣是用 git clone 嗎 ==> 我是 follow 老師的教學內容操作的

A2：另一個方式是執行 gulp build 讓 gulp 建立 dist 這個資料夾後，進去跑一次 git 流程，包含開分支，不過後來測試是將 .git 這個資料夾移除後，重新執行 gulp bulid 與 gulp deploy 應該就會正常執行了

![](https://i.imgur.com/tlSChBl.jpg)

Q3：我的錯誤訊息只有在執行 gulp deploy 出現，同時在文件夾中會多了一個 .publish，但 github 上沒有成功建立 gh-pages 

A3：

Ray 的文件有說明移除 .publish 與 dist 資料夾再跑一次看看，不過我刪掉後沒作用，所以進 dist 資料夾對它做 git init，執行錯誤的錄影，看看能不能過

https://www.youtube.com/watch?t=101&v=e6TQVxM7TTY&feature=youtu.be

# 老師、助教、各位同學大家好~我在安裝 gulp 環境時，執行"npm install"一直出現錯誤畫面(如圖)，好像是使用者權限的問題？不太清楚要如何解決，上來求助大家，不好意思謝謝！ps. 電腦是win10系統。

A1：問答如下




> 廖洧杰  5 days ago
> 我第一次看到這錯誤，所以我剛看了你的截圖的錯誤訊息拿去 google「npm install the operation was rejected by your operating system」 (edited) 
> 
> 
> 
> 
> 廖洧杰  5 days ago
> https://stackoverflow.com/questions/56829352/error-the-operation-was-rejected-by-your-operating-system-when-trying-to-crea
> Stack OverflowStack Overflow
> Error: "The operation was rejected by your operating system" when trying to create new angular project using windows powershell
> I keep getting the same error message when trying to create a new angular project. I tried to create a new angular project using Windows Powershell with the following commands: ng new hello-world ...
> 
> 廖洧杰  5 days ago
> 這問答有兩個回應
> 
> 廖洧杰  5 days ago
> 第一個回應很幹話...竟然要人重開
> 
> 廖洧杰  5 days ago
> 第二個回應是，可能是防毒擋住了
> 
> 廖洧杰  5 days ago
> 第三個回應是說，win 10 內建有個「即時保護」
> 
> 廖洧杰  5 days ago
> 暫時關閉有機會 npm install 成功
> 
> 廖洧杰  5 days ago
> 這三個你試試看有沒有中~
> 
> Jun Chan  5 days ago
> 已重開過幾次還是一樣失敗XD
> 我先試試校長說的第二、三個方法！
> 感謝:woman-bowing:
> :+1:
> 1
> 
> 
> Jun Chan  5 days ago
> 報告校長，用了第二、三個方法還是沒用:joy:
> 不曉得需不需要更改權限，再度求救~
> 
> Sec  5 days ago
> 把cmd run as adminstrator然后就可以了
> 
> 廖洧杰  5 days ago
> @Sec 說的可以嘗試，@Jun Chan 你試試看這個連結，把終端機視窗變成「系統管理者」，再來嘗試看看~
> https://helpcenter.trendmicro.com/zh-tw/article/tmka-07530/
> helpcenter.trendmicro.comhelpcenter.trendmicro.com
> 如何以系統管理員身分執行命令提示字元？    · Trend Micro for Home
> 如何使用系統管理員權限開啟Windows 的命令提示自元以輸入指令
> 
> Jun Chan  5 days ago
> 謝謝校長 & @Sec!!!
> 成功了~~~(快噴淚)
> 
> 廖洧杰  5 days ago
> 哦哦哦恭喜


# 在部署網頁到 GitHub Pages 時，這些 files 都是 untracked，可如何處理？

A1：他們沒有獲得 git 的關愛，輸入 git add .

輸入那行 git commit -m "first commit" 的指令之前，沒有先 add 的話，檔案就會呈現 untracked 的狀態，我只知道到這邊。

# gulp 設到 github 一直無法成功？不知道錯誤在哪裡~~~~然後還出現網頁輸入密碼？

![](https://i.imgur.com/rMbV9TX.jpg)
![](https://i.imgur.com/rWKWzWS.jpg)

A1：選擇上面那個，然後輸入你在 GitHub 的帳號密碼他是要驗證你的身份用！輸入成功就可以推送成功哩~

# 在「GitHub Pages 部署網站」最後一步要輸入 git push -u origin master 的時候失敗了，終端機跑出以下的結果：
yoko@MacdeMacBook-Pro-4 project % git push -u origin master
Username for 'https://github.com': 
後來再輸入一次 git push -u origin master 後，終端機請我輸入密碼：
yoko@MacdeMacBook-Pro-4 project % git push -u origin master 
Username for 'https://github.com': git push -u origin master 
Password for 'https:// git push -u origin master @github.com':(ps.這邊有一個鑰匙的圖案)
但不管是輸入github的密碼還是電腦本機的密碼，都無效
yoko@MacdeMacBook-Pro-4 project % git push -u origin master 
Username for 'https://github.com': git push -u origin master 
Password for 'https:// git push -u origin master @github.com': 
remote: Invalid username or password.
fatal: Authentication failed for 'https://github.com/yokozeng/test123.git/'
yoko@MacdeMacBook-Pro-4 project %
有人遇到這種情況嗎～？

後來改成輸入 git push -u origin main
也是一樣要我輸入密碼，然後和上面同樣情況，不管輸入 github 或電腦本機密碼都無效～

A1：

Username for 'https://github.com':
這裡要輸入github的usermane
Password for 'https:// git push -u origin master @github.com':
這裡要輸入github的密碼
要注意當初註冊github的信箱有沒有寄確認信，如果有的話要按確認才會讓你上傳資料

# 想問一下～用 gulp 把網頁部署到 github，跟用 ftp 上傳網頁是一樣的概念嗎？

A1：概念有點像，但是 gulp 有倚賴用到 git 版本控制來推送版本，ftp 上傳，你沒辦法知道每次上傳是哪些檔案，沒辦法還原，而 gulp 整合的 git 則是有版本控制機制！比較好去做版本還原哩~


Q2：謝謝老師~另外想問，資料夾的路徑一定得在桌面嗎?或是路徑名稱要是英文? 我放在 d槽 的資料夾裡安裝 npm 都會失敗，但放到桌面就成功了? 試了兩次都這樣，不知道是甚麼原因 

A3：你雖然放在 d 槽，但沒有用 cd 移動到指定資料夾，你看你路徑還停留在 C :users/user，沒 cd 移動到 d 槽的關係哩。


# 我在最後一個步驟 gulp deploy，輸入完有出現 error
(1)請問要如何除錯呢
(2)下拉選單沒有出現gh-pages

A1：似乎是有些人刪除 .publish 再重新 gulp deploy 就 OK，我的話是終端機用 vs code 裡面的執行 gulp 就可以，兩種都可以 try 看看。

# 安裝 gulp環境流程，在執行 gulp 時，出現以下錯誤訊息...輸入 npm i gulp@4 -g 指令時候出現錯誤。node 的版本為v14.17.3。

A1：你幫我打一下 node -v，我想知道你 node 版本下，可以試試 sudo npm i gulp@4 -g。

這樣可哦，我在猜測因為是用 -g 全域系統安裝，不是單獨裝在專案資料夾的關係，所以只要輸入 gulp -v 有回饋，那就 ok 勒，別擔心。

# 請問我安裝 gulp 環境到第 2 個步驟這樣是否代表失敗了？

![](https://i.imgur.com/gsQNGjX.jpg)

A1：這樣有成功，可以繼續下去！左邊有寫 + gulp@4.0.2


# HI 大家好 想請問有沒有同學輸入 git push -u origin master，跑出下面錯誤訊息

![](https://i.imgur.com/MsE2zUN.png)


A1：右邊那個 git@github 問一下你去哪裡複製的？你換成 https 開頭的網址，可以看看我影片貼上去的 url 規則！然後建議你刪除那個資料夾重新做一下～因為你已經綁定過了，要刪除不容易。

原 PO：哇哇我沒注意到複製成 SSH 不是 Https！謝謝校長提醒！我另外找解除綁定的方式重新綁定了。

# 請問有沒有同學輸入git push -u origin master 系統出現一個視窗～我也按照上面的指示選 （1）. Web Browser 2. Personal access token 供使用者選擇，出現以下畫面呢？不曉得這是有失敗還是沒失敗呢？






A1：這是成功，請選擇一，輸入自己在 GitHub 上的帳號密碼哩。

Q2：目前輸入 gulp deploy，但沒有出現 gh-pages


A2：在你的資料夾有沒有一個 .git .publish 這兩個隱藏檔？如果都沒看到，可能是這篇[文章](https://helpx.adobe.com/tw/x-productkb/global/show-hidden-files-folders-extensions.html)中討論的問題，如果有看到移除 .publish 資料夾！再重新執行指令看看~

Q3：我剛剛已經刪除 git 資料夾，然後輸入了 gulp deploy！出現下圖～

![](https://i.imgur.com/a41v5a1.jpg)


A4：嗯嗯 你輸入下 gulp build，再輸入 gulp deploy！

# 在部署檔案到 Github pages 時終端機貼上這些字沒有反應的話，該怎麼辦？

A1：要先終止終端機（ctrl+c）再貼喔。



# 在安裝 gulp 的步驟四這邊寫「移動到該資料夾，cd 移動到該資料夾」，是要移動那個載下來的檔案到哪裡呢？我不太懂意思

A1：

* cd 意思是，將你的 cmd ( 或遠端機 ) 位址移動到目標資料夾，不是把你下載後的檔案移走，dir 是讓你檢視 目標資料夾裡的資料，以確認你 cd 到對的資料夾位址。

* 關於你的問題我 google 了一下，得到的結果是，cmd 不適合直接複製程式(cmd.exe)到其他的資料夾中。會建議你將 cmd 新增到開始列表，或是透過捷徑的方式將 cmd.exe 放到 gulp 資料夾外層有需要使用時再 cd 進資料夾，比較沒有問題。參考答案：[一](https://blog.csdn.net/xtjie/article/details/104219166)、[二](https://answers.microsoft.com/zh-hans/windows/forum/all/%E6%89%93%E5%BC%80cmd%E6%98%BE%E7%A4%BA%E7%B3%BB/15f82a54-b0bf-45f7-80a6-245d2fae84ab)


* 輸入 dir 目的，只是確保你目前 cmd 有在你指定的資料夾，我看你的截圖他確實也有回饋你有到正確位置

# 我有個疑問，請問是不是每次上傳新案都要輸入指令【 npm install 】安裝插件？因為我的 VScode 出現這個截圖 ，不知道是不是有關聯？

A1：

* 如果是從 github 上下載下來的新專案才需要 npm install 安裝插件(因為你的電腦裡沒有專案需要的插件)，使用 git push master 上傳專案不需要 npm install

* 只有新專案跟第一次安裝才需要，已經執行過的話，之後在該專案資料夾做，就不用再次執行~

