如何解决webpack中的'模块未找到错误'?
问题描述:
我有我的reactjs与应用程序的反应,引导上的WebPack 2.运行当我运行应用程序,我得到这个错误:如何解决webpack中的'模块未找到错误'?
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没有安装正确的加载器?我该如何解决这个问题?
答
你的问题是你的答案。安装正确的加载程序。我会尝试url-loader
。
rules: [
//your loaders
{
test: /\.(eot|woff|woff2|ttf|svg|png|jpg)$/,
use: 'url-loader'
}
此外,检查文件是否glyphicons-halflings-regular.woff2
实际上是在文件夹中,并且您有它的正确的道路。