为什么我不能使用 require 加载本地图像？反应答案

【问题标题】：why i cant use require to load local image? REACT为什么我不能使用 require 加载本地图像？反应
【发布时间】：2021-06-04 23:53:16
【问题描述】：

我尝试使用 require 加载图像，但它不起作用，即使图像与文件位于同一文件夹中，如果我导入它也可以，但使用 require 它不会，

如果我这样做就可以了：

import Image from "./prueba.jpg";

<img src = {Image} .../>

使用 require 不起作用：

<img src = {require("./prueba.jpg")} .../>

这是我的项目结构：

如您所见，我想在文件 Profile 中使用图像 prueba，但不能将其与 require 一起使用，需要这样做，因为它会从 db 加载图像

这是我的 webpack 配置，我是按照视频进行的

const webpack = require("webpack");
module.exports = {
    entry: "./src/app/index.js",
    output: {
        path: __dirname + "/src/public",
        filename: "bundle.js"
    },
    resolve: {
        fallback: {
            "crypto": false,
        }
    },
    module: {
        rules: [
            {
                use: "babel-loader",
                test: /\.js$/,
                exclude: /node_modules/,
            },
            {
                use: "file-loader",
                test: /\.(png|jpe?g|gif)$/i,
                exclude: /node_modules/,
            },
            {
                use: ["style-loader", "css-loader"],
                test: /\.css$/i,
                exclude: /node_modules/,
            }
        ],
    },
};

【问题讨论】：

标签： reactjs webpack

【解决方案1】：

我认为你的语法不正确 - 小姐closing curly braces 更新 img 标签 <img src = {require("./prueba.jpg")} .../>

【讨论】：