webpack · 建置與型別
報錯原文
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.
這是什麼意思
這是 webpack 在 Module parse failed 之後補上的那一行，意思是它想把那個檔案當 JavaScript 讀，而它不是 JavaScript。要麼你 import 了需要轉換的東西——TypeScript、JSX、CSS、圖片、.vue 檔案——而 module.rules 裡沒有對應規則；要麼 node_modules 裡某個套件發布的是未編譯的原始碼，而這個目錄正躺在你的 exclude 裡。在 module.rules 裡為那個副檔名加一條 loader 規則就是解法，而卡在哪個檔案，訊息上方印出的路徑會告訴你。為了讓它消失而刪掉 exclude: /node_modules/，會讓整個建置明顯變慢；只為那一個套件開例外才是更好的交易。
怎麼修
這個沒有一行命令能解決。說明裡寫了該看哪裡。
- 來自
- webpack
- 建置與型別
- 10
建置階段的錯誤是工具在執行之前就先拒絕了，所以它們出現的那一刻並不弄壞什麼——但它們問你兩個問題：你要把型別或路徑改成和真實結構一致，還是用一個 as any、一條抑制註解讓那一行過去？也正是在這裡，那些只在你自己機器上成立的事情——大小寫、副檔名、環境變數——第一次顯形。
怎麼讀報錯
- 從第一行往下讀。越往下越是工具內部的事，起因通常寫在最上面。
- 有檔名和行號就從那裡查——不是堆疊最上面那一格，而是最上面那條提到你自己寫的檔案的行。
- 把報錯原文照樣去搜，但先去掉你自己的路徑和變數名，正是那些讓搜尋比對不上。
- 同一種情況在不同版本裡措辭不同。結果不對頭，就把版本號一起加進查詢。
- 貼上修法之前，先確認它會丟掉什麼。這裡面有些是不能收回的。
常見問題
Q. “You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file.” 是什麼意思？
這是 webpack 在 Module parse failed 之後補上的那一行，意思是它想把那個檔案當 JavaScript 讀，而它不是 JavaScript。要麼你 import 了需要轉換的東西——TypeScript、JSX、CSS、圖片、.vue 檔案——而 module.rules 裡沒有對應規則；要麼 node_modules 裡某個套件發布的是未編譯的原始碼，而這個目錄正躺在你的 exclude 裡。在 module.rules 裡為那個副檔名加一條 loader 規則就是解法，而卡在哪個檔案，訊息上方印出的路徑會告訴你。為了讓它消失而刪掉 exclude: /node_modules/，會讓整個建置明顯變慢；只為那一個套件開例外才是更好的交易。
Q. 怎麼修？
沒有一行命令能解決。上面的說明寫了該看哪裡。
Q. 這是哪個工具報的？
webpack。它屬於建置與型別，報錯原文有 20 個詞。