Linux shell變數在子程序不見：assignment與export
在終端設了變數，接著啟動腳本卻讀不到，常見原因是你只做了shell變數賦值，沒有把它放進子程序的環境。assignment與export各有作用：前者讓目前sh...
Next.js Image fill圖片消失：父容器要有定位與尺寸
把Next.js的Image改成fill後，網址明明能開，頁面卻像少了一張圖片。先別急著改圖片來源或加寬遠端白名單：如果父容器只有寬度、沒有高度，圖片可能已經載...
Next.js找不到項目卻回200：用notFound處理不存在資料
商品網址打錯，頁面顯示「找不到商品」，瀏覽器也沒有報錯，看起來似乎已處理完。可是用開發者工具查看文件請求，狀態仍是200。原因可能很單純：程式只回傳了一段找不到...
Next.js讀cookie提示Promise：先await cookies再取值
升級Next.js後，原本的 cookies().get('theme')提示不是可直接使用的cookie store。先看你呼叫的是nex...
Next.js伺服器頁的按鈕onClick報錯：抽出Client元件
在App Router的page加了一顆有onClick的按鈕，建置卻報事件處理函式不能傳到Client Component。先確認這份page是否仍是預設的S...
Git show讀取commit:file快照
想確認上週提交的設定檔究竟寫了什麼，不必先切換分支，也不用把目前修改暫存起來。Git可以直接讀取某個提交裡的檔案快照。關鍵在冒號：git show COMMIT...
Vue清單要聚焦某筆欄位：用function refs按ID找元素
清單重新排序後，程式用ref陣列的第幾個元素聚焦，結果跳到另一筆輸入欄位。先分清資料ID與DOM陣列位置。Vue官方template refs文件提醒，v-fo...
Vue卡片內按按鈕也觸發外層：click stop阻止冒泡
按收藏按鈕時，卡片的開啟動作也一起執行。先看按鈕是否放在有click監聽的父元素裡。DOM的點擊事件通常會往父層傳播，內層按鈕的處理函式完成後，外層仍可能接到同...
Vue收合再打開輸入不見：v-if與v-show保留狀態差別
設定面板輸入了一段文字，收合再打開卻變空白。先看收合條件用了 v-if還是 v-show，再確認文字狀態放在哪個元件。v-if不顯示時會拆掉對應內容；如果輸入草...
Vue計算排序後原清單也變：先複製陣列再sort
商品頁一邊顯示原始順序，一邊用computed顯示低價優先。讀取排序清單後，原始清單卻也被排過了。先看getter裡是否直接對來源呼叫 sort()。JavaS...
Laravel查不到資料還讀欄位：first的null與firstOrFail
商品詳情頁偶爾報錯「無法讀取null的屬性」，但同一段程式在別的商品又正常。先查單筆查詢是否真的有找到模型。Eloquent的 first()沒有找到資料時會回...
Laravel翻到第二頁篩選消失：分頁連結保留限定query
商品清單選了coffee分類，第一頁正確，按第二頁卻變成所有商品。先把滑鼠移到分頁連結，看看網址是否只剩 ?page=2。後端第一個請求有讀分類，不代表Pagi...