webpack · npm
報錯原文
Module not found: Error: Can't resolve './components/Button' in '/app/src'
這是什麼意思
打包器在那個路徑下找不到那個檔案——這是你自己寫的 import，不是套件的問題。它出現在相對路徑差了一層、副檔名漏了或寫錯、或者檔名的大小寫和 import 不一致的時候。最後一種最陰：macOS 和 Windows 的檔案系統不區分大小寫，所以在你機器上能跑，只在 Linux 的 CI 上崩。把那個目錄 ls 出來，和 import 一個字元一個字元地對，大小寫也要對。如果這個名字是套件而不是路徑，那就把它裝上；兩種情況下都不會刪掉任何東西。
怎麼修
這個沒有一行命令能解決。說明裡寫了該看哪裡。
- 來自
- webpack
- npm
- 20
npm 的原因寫在第一行 code XXXX 裡，而不是最後那六行 npm ERR!；如果失敗來自相依樹或原生編譯而不是你自己的程式碼，刪掉 node_modules 重新安裝就能解決一半。
怎麼讀報錯
- 從第一行往下讀。越往下越是工具內部的事，起因通常寫在最上面。
- 有檔名和行號就從那裡查——不是堆疊最上面那一格，而是最上面那條提到你自己寫的檔案的行。
- 把報錯原文照樣去搜，但先去掉你自己的路徑和變數名，正是那些讓搜尋比對不上。
- 同一種情況在不同版本裡措辭不同。結果不對頭，就把版本號一起加進查詢。
- 貼上修法之前，先確認它會丟掉什麼。這裡面有些是不能收回的。
常見問題
Q. “Module not found: Error: Can't resolve './components/Button' in '/app/src'” 是什麼意思？
打包器在那個路徑下找不到那個檔案——這是你自己寫的 import，不是套件的問題。它出現在相對路徑差了一層、副檔名漏了或寫錯、或者檔名的大小寫和 import 不一致的時候。最後一種最陰：macOS 和 Windows 的檔案系統不區分大小寫，所以在你機器上能跑，只在 Linux 的 CI 上崩。把那個目錄 ls 出來，和 import 一個字元一個字元地對，大小寫也要對。如果這個名字是套件而不是路徑，那就把它裝上；兩種情況下都不會刪掉任何東西。
Q. 怎麼修？
沒有一行命令能解決。上面的說明寫了該看哪裡。
Q. 這是哪個工具報的？
webpack。它屬於npm，報錯原文有 9 個詞。
相關報錯
Error: Cannot find module 'express'nodenpm ERR! code ELIFECYCLEnpmError: error:0308010C:digital envelope routines::unsupportednode 17+FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memorynodenpm WARN EBADENGINE Unsupported enginenpmzsh: command not found: tscshellnpm ERR! ERESOLVE unable to resolve dependency treenpmnpm ERR! Conflicting peer dependency: react@18.3.1npm