在 Webpack 中使用 URL 加载器解压缩图像仍然失败

Question

我只是想设置网址加载器，以便我可以在我的 React 应用程序中显示图像，但我不断收到错误：Module parse failed: Unexpected character '�'

我的webpack.config.js文件中有这个：

module: {
rules: [
  {
    test: /.(png|jpg|gif)$/,
    use: [
      {
        loader: 'url-loader',
        options: {
          limit: 8192
        }
      }
    ]
  }
],

只是为了更好地衡量，我也将其包含在module.loaders中：

{
    test: /.(png|jpg|gif)$/,
    use: [
      {
        loader: 'url-loader',
        options: {
          limit: 8192
        }
      }
    ]
  }

然后在我的.jsx文件中，我像这样导入：

import addrecipe from '../../images/addrecipe.png';

然后像这样显示：

<img src={addrecipe} />

Answer 1

你使用的是哪个版本的 webpack？我目前正在对版本为 3.2.0 和 url 加载器的图像使用以下 0.5.9.

module: {
    rules: [
        {
            test: /.(gif|png|svg|jpe?g)$/i,
            loader: 'url-loader',
            options: {
                limit: 8192
            }
        }
}