如何解決webpack中的'模塊未找到錯誤'？

Question

我有我的reactjs與應用程序的反應，引導上的WebPack 2.運行當我運行應用程序，我得到這個錯誤：

ERROR in ./~/css-loader!./~/sass-loader/lib/loader.js!./app/css/bootstrap.css 
Module not found: Error: Can't resolve '../fonts/glyphicons-halflings-regular.woff2' in '/Users/me/reactjs_dutchboiler/app/css' 
@ ./~/css-loader!./~/sass-loader/lib/loader.js!./app/css/bootstrap.css 6:4720-4774 
@ ./app/css/bootstrap.css 
@ ./app/app.jsx 
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./app/app.jsx 

這個應用程序運行沒有錯誤，直到我進口bootstrap.css。現在我得到上面的錯誤。 它看起來像webpack沒有安裝正確的加載器？我該如何解決這個問題？

Answer 1

你的問題是你的答案。安裝正確的加載程序。我會嘗試url-loader。

rules: [ 
//your loaders 
{ 
    test: /\.(eot|woff|woff2|ttf|svg|png|jpg)$/, 
    use: 'url-loader' 
} 

此外，檢查文件是否glyphicons-halflings-regular.woff2實際上是在文件夾中，並且您有它的正確的道路。