小编ale*_*ado的帖子

我遇到这个问题已经有一段时间了，我看到其他人也有这个问题，但即使我有与他们相同的代码，它仍然无法工作，我不知道我做错了什么。我正在使用 React、Webpack、babel 和 scss 来完成一个项目。首先，我创建了一个主组件，其中加载的背景图像没有问题，但是当我添加轮播组件时，出现错误，提示我需要一个加载器来显示图像（html 图像，而不是 bakground）。所以我在互联网上查找了它，出现了两个加载器：url-loader 和 file-loader，我安装了这两个加载器，并按照文档中所述在我的 webpack 配置文件中添加了一个。图像已加载，但主组件的背景图像未加载，不仅如此，背景的所有样式也不适用。

这是我的 webpack 配置文件，我尝试放置两个加载器，然后只放置一个，然后另一个，但它们都不起作用。我尝试了 stackoverflow 上遇到的所有解决方案，但代码无法正常工作，并且我的终端中没有错误。

///////编辑

我添加了绝对路径，但它仍然不起作用。图像被获取，因为如果不是，我会收到错误，所以我不认为这是路径问题。我更新了 webpack 配置文件

const HtmlWebPackPlugin = require("html-webpack-plugin");
const path = require("path");
const htmlPlugin = new HtmlWebPackPlugin({
 template: "./src/index.html",
 filename: "./index.html"
});




module.exports = {
mode: "development",
resolve: {
  alias: {
    Assets: path.resolve(__dirname, 'src/assets/')
  }
},
  module: {
    rules: [{
   test: /\.js$/,
   exclude: /node_modules/,
   use: {
     loader: "babel-loader"
   }
 },
  {
   test: /\.s?css$/,
   use: ["style-loader", "css-loader", "sass-loader"]
  },
  {
    test: /\.(png|jpg|gif)$/i,
    use: [
      { …