图像未加载到react中，也未给出错误

debugcn 发表于 Dev

自由职业者

尽管给出了正确的src，但我无法加载图像，任何人都可以告诉它愚蠢的错误！

我绝对是菜鸟，所以我做错了什么？在react img标签中，<img src={} />这是我认为代码的写法！

Template.js代码

import React from 'react';
import './Template.css';

function Template ()  {
    return (
        <div>
            <div className="shape header-shape-one">
                    <img src={"./shape1.jepg"} alt="shape"></img>
            </div> 

            <div className="shape header-shape-tow animation-one">
                    <img src={"./shape2.png"} alt="shape"></img>
             </div> 

             <div className="shape header-shape-three animation-one">
                    <img src={"./shape1.jepg"} alt="shape"></img>
             </div> 

             <div className="shape header-shape-fore">
                    <img src={"./shape4.png"} alt="shape"></img>
             </div>
           </div>
        );
}

export default Template;

App.js代码

import React from 'react';
import NAVBAR from './components/Navbar/navbar';
import Template from './components/shape/Template'

class App extends React.Component 
{
  render() 
  {
    return (
      <div>
      <Template />
        <NAVBAR />
      </div>
    );
  }
}

export default App;

亚历克斯·耶普斯

在公用文件夹中创建一个名为images的文件夹，然后将所有图像移到该文件夹中。然后，在引用图像的路径时，请执行以下操作：<img src="./images/shape1.jpg" alt="shape" />

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。