无法在Reactjs中导入图像返回错误模块未找到：Can'；无法解决

我在“projectfolder/src/pages/Home.js”中有以下组件：-

从“React”导入React；
从“./components/Home/MenuButton”导入菜单按钮；
从“images/menuicon.png”导入menuicon；
导出默认函数Home（）{
返回(
);
}

我正在尝试导入一个图像文件“menu icon.png”，它位于“projectfolder/public/images”中

我尝试使用以下导入来导入它：-

从“images/menu icon.png”导入菜单图标返回以下错误：-

/src/pages/Home.js模块未找到：无法解析 “C:\Users\AHMAD\project\src\pages”中的“images/menu icon.png”

从“/images/menu icon.png”导入菜单图标 /src/pages/Home.js模块未找到：您试图导入 /不属于项目src的images/menu-icon.png/ 目录不支持src/之外的相对导入

从“../../images/menu icon.png”导入菜单图标 /src/pages/Home.js模块未找到：您试图导入 ../../images/menu-icon.png，不在项目src范围内/ 目录不支持src/之外的相对导入

---

我正在使用ReactJS版本“^16.13.1”和“react router dom”：“^5.1.2”

将图像放在

projectfolder/public/images

的src目录之外。您将无法以这种方式导入它。您可以执行以下任一操作来解决此问题：

• 将图像移动到

  projectfolder/src/images

  和

  import menuicon from./images/menu icon.png'

• 将其公开并删除导入语句。而是这样使用：

---

将图像放入

projectfolder/public/images

中，它就在您的src目录之外。您将无法以这种方式导入它。您可以执行以下任一操作来解决此问题：

• 将图像移动到

  projectfolder/src/images

  和

  import menuicon from./images/menu icon.png'

• 将其公开并删除导入语句。而是这样使用：

---

这是否回答了您的问题？相对于src文件夹，images文件夹在哪里？@ehab images文件夹C:\Users\AHMAD\project\public\images和src文件夹C:\Users\AHMAD\project\src这是否回答了您的问题？相对于src文件夹的图像文件夹在哪里？@ehab图像文件夹C:\Users\AHMAD\project\public\images和src文件夹C:\Users\AHMAD\project\src

import React from "react";
import MenuButton from "../components/Home/MenuButton";
import menuicon from "images/menuicon.png";

export default function Home() {
  return (
    <div className="container">
      <div className="row">
        <MenuButton title="home ">
          <img src={menuicon} />
        </MenuButton>
        <MenuButton title="account" />
        <MenuButton title="create new" />
      </div>
      <div className="row">
        <div className="col-md-12">
          <div className="signin-btns"></div>
        </div>
      </div>
    </div>
  );
}