时间戳

首页 > 解决方案 > 图像未在反应中加载

reactjs - 图像未在反应中加载

问题描述

我的图像没有加载到反应中，我的 webpack 配置中有以下内容：

use: {
    loader: 'url-loader'
},
test: /\.(jpe?g|png|gif|woff|woff2|eot|ttf|svg)(\?[a-z0-9=.]+)?$/,

我没有收到错误，但图像只是显示 altnot working

<img src={require("./Images/start.jpg")} alt="not working" />

我的完整配置

module: {
    rules: [
        {
            use: {

                loader: "babel-loader"
            },
            test: /\.js$|jsx/,
            exclude: /node_modules/

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

标签： reactjswebpack

解决方案

在你的 webpack 配置文件中尝试使用这个加载器：

module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader",
        }
      },
      {
        test: /\.(png|jpg|jpeg|gif)$/,
        loader: 'file-loader'
      }
    ]
  }

希望这对你有用。

推荐阅读