如何解决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实际上是在文件夹中，并且您有它的正确的道路。