React:我无法从pages文件夹访问图像文件夹

Question

我无法访问图像文件夹。src中可用的组件可以直接访问图像文件夹，但是pages文件夹中的组件不能访问图像文件夹，尝试了不同的路径，但无法工作。

​

​

import React from "react";
import TitleImg from "../images/title-text.png";
import eyes from "../images/eyes.png";

const Sad = () => {
  return (
    <>
      <img src={TitleImg} alt="the-sad-guys" />
      <img className="w-3/6" src={eyes} alt="eyes" />
    </>
  );
};

export default Sad;

Answer 1

在您的示例中，路径是不正确的。../../images/title-text.png必须工作。

如果这不起作用，试试

./../../images/title-text.png