在javascript的arrylist中存储图像

我试图显示services.js文件中的图像，该图像来自assets文件夹下的src，我想将该图像存储在services.js from assets中，但当我给出文件路径时，它不会显示图像。下面是我的代码：如何在js中指定不同文件夹中的文件路径名。 我的图像相对路径是src\assets\Mover.jpg。 我的service.js相对路径是src\Services.js

import React from "react";
import "./Services.css";

export default class Services extends React.Component {
  constructor(props) {
    super(props);

    const Services = [
      {
        id: 0,
        Mover_src: "./assets/Mover.jpg",
        title: "Plumbing Services",
        overview: "hello this is plumbing service"
      },
     {id:1,
      Mover_src: "./assets/plumb.jpg",
      title:"Moving Services", 
      overview:"hello this is plumbing service"}

    ];

    var serviceRows = [];
    Services.forEach(service => {
      console.log(service.title);
      const serviceRow = (
        <table key={service.id}>
          <tbody>
            <tr>
              <td>
                <img alt="Mover" width="300" src={service.Mover_src} />
              </td>
              <td>{service.title}</td>
            </tr>
          </tbody>
        </table>
      );
      serviceRows.push(serviceRow);
    });
  this.state = { rows: serviceRows };
 }
 render(){
   return(
     <div className="main">
      {this.state.rows}
     </div>
   );
 }
}

从“React”导入React；
导入“/Services.css”；
导出默认类服务扩展React.Component{
建造师（道具）{
超级（道具）；
常数服务=[
{
id:0，
Mover\u src:“./assets/Mover.jpg”，
标题：“管道服务”，
概述：“您好，这里是管道服务”
},
{id:1，
Mover_src:“./assets/plumb.jpg”，
标题：“移动服务”，
概述：“您好，这里是管道服务”}
];
var serviceRows=[]；
Services.forEach（service=>{
console.log（service.title）；
常量服务行=(
{service.title}
);
serviceRows.push（serviceRow）；
});
this.state={rows:serviceRows}；
}
render（）{
返回(
{this.state.rows}
);
}
}

更改：

const服务=[
{
id:0，
Mover\u src:“./assets/Mover.jpg”，
标题：“管道服务”，
概述：“您好，这里是管道服务”
},
{id:1，
Mover_src:“./assets/plumb.jpg”，
标题：“移动服务”，
概述：“您好，这里是管道服务”}
];

致：

const服务=[
{
id:0，
Mover\u src:require（“./assets/Mover.jpg”），
标题：“管道服务”，
概述：“您好，这里是管道服务”
},
{id:1，
移动器：要求（“./assets/plumb.jpg”），
标题：“移动服务”，
概述：“您好，这里是管道服务”}
];

---

因此，webpack可以正确导入它们。

您是否使用Create React应用程序或其他为您进行配置的程序？如果是这样，您可能只需从“/assets/Mover.jpg”导入移动器

，并将其用作src。是的，我正在使用create-react应用程序。我确实从“/assets/Mover.jpg”导入了移动器，但它说“Mover”已定义但从未使用过。我在资产文件夹中有Mover.jpg图像。是的，使用
Mover
作为src。请参阅CRA文档。它显示错误：找不到模块'.assets/Mover.jpg'，然后文件不在那里，将正确的相对路径放在那里，它就工作了！但当我在css中这样做时：-url（“./assets/Mover.jpg”）；它显示图像。在services.js文件中，当我试图使用警告关键依赖项进行编译时：依赖项的请求是一个表达式，错误显示错误：找不到模块“/assets/Mover.jpg”所以
assets
目录在
public
目录下？不，它在src目录下，我的相对路径是src\assets\Mover.jpg