如何在 webpack 中解析 'module not found error'？

Question

我的 reactjs 应用程序在 webpack 2 上带有 react-bootstrap 运行ning。当我运行该应用程序时，我收到此错误：

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 是否确实在文件夹中以及您是否有正确的路径。

如何在 webpack 中解析 'module not found error'？

How can I resolve 'module not found error' in webpack?

twitter-bootstrap

reactjs

webpack

react-bootstrap