Question

我有一个与webpack反应的项目并添加图像，我添加了文件加载器和图像并给出以下错误：

Vbox

我的webpack看起来像这样：

ERROR in ./src/assets/images/image.png 1:0
Module parse failed: Unexpected character '�' (1:0)
You may need an appropriate loader to handle this file type.
(Source code omitted for this binary file)
 @ ./src/pages/Home/index.js 26:0-52
 @ ./src/routes.js
 @ ./src/index.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 ./src/index.js

如果我删除文件加载器，错误仍然存在，那么问题是它无法识别文件加载器，但是我无法解决。

我像这样加载图像，但是我用其他方式尝试过，错误始终是相同的：

  {
    test: /\.(png|svg|jpg|gif)$/,  
    use: [
      'file-loader'
      ]
  }

已安装的软件包：

import imgHome from "../../assets/images/image.png"

Answer 1

查看您的package.json，看看是否有file-loader。

如果没有，则可能需要通过以下方式安装它：

npm install file-loader --save-dev

尝试一下：

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

webpack无法识别文件加载器

1 个答案: