加载图像 png 文件以响应应用程序时出错

IT技术 javascript reactjs
2021-05-28 05:07:20

Error: Cannot find module 'schema-utils' 尝试导入图像时得到一个,似乎有点奇怪,我尝试从公共目录以及直接在 Header 组件文件夹中导入并得到相同的错误。这是我的代码

import React from "react";
import "../styles/Header.css";
import title from "./insta-title.png";

export default function Header() {
  return (
    <div className="head">
      <header>
        <img src={title}></img>
      </header>
    </div>
  );
}

1个回答

react中的 img 标签是这样写的 所以编辑你的代码是这样的:

import React from "react"; 
import "../styles/Header.css"; 
import title from "./insta-title.png"; 
export default function Header() { return ( <div className="head"> <header> <img src={title}/></header> </div> );