图片未显示在服务器端反应

Question

当我尝试通过SSR显示图像时，遇到了“语法错误：无效或意外的令牌”。当我将图像标记与return方法一起使用时，代码可以成功运行，但是当具有src的图像标记构造如下时，代码将拒绝运行。

  App.js

import React from "react";
import Olatunji from "olatunji"

const App = () => {
  return (
    <div className="contacts">
      <div className="contact-card">
        <img src={Olatunji} alt="olatunji" />
        <h1>Name NumberOne</h1>
        <p>Phone No: 09033344422</p>
        <p>Email: nameOne@gmail.com</p>
      </div>
    </div>
  )
}

export default App;