Question

我正在尝试基于React中的动态路径加载图像，但结果是以下错误Cannot find module <path>

以下代码有效

const TestImage = () => {
  return (
    <div className="image-wrapper">
      <img src={require('./../../../assets/images/guy-holding-pencil.jpg')} />
    </div>
  );
};

我将动态部分分解为使用不起作用的变量

const TestImage = () => {
  const image = './../../../assets/images/guy-holding-pencil.jpg';

  return (
    <div className="image-wrapper">
      <img src={require(`${image}`)} />
    </div>
  );
};

路径正确。唯一的区别是变量。结果：

Error: Cannot find module './../../../assets/images/guy-holding-pencil.jpg'.

编辑：我的项目是使用create-react-app

创建的

Answer 1

在某些情况下，可以使用命令require，因为相对路径和绝对路径之间存在差异。我尝试去npmj org并找到用于解决此问题的dropzone插件

反应：基于动态路径加载图像会导致错误

1 个答案: