Question

我只是想设置url-loader，这样我就可以在我的React App中显示图像，并且我不断收到错误：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

您使用的是哪个版本的网络包？我目前正在使用以下版本为3.2.0的图片和0.5.9的网址加载程序。

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

使用Webpack中的URL-Loader解压缩映像仍然失败

1 个答案: