2

所以我是 react 新手，我使用 create react app 制作了一个 react 项目。我正在尝试导入要在我的一个组件中使用的图像。我知道，在使用图像时，您可以使用带有图像相对路径的导入语句来导入它们。

但是，当我尝试导入图像时，当我放入相对路径时，反应不会或找不到我的任何图像。在 vs code 中，您可以自动完成路径，但是当我导航到我的图像文件夹时，它显示为空，好像 vs code 或 react 找不到任何图像，即使有一些图像。我不确定这是否是 vs 代码的错误或反应所以我通过尝试在 index.html 文件中导入图像来仔细检查，当然它使用图像的相对路径作为 src 并且我可以找到图像这让我相信这是一个反应问题。

这可能是什么原因造成的。这是一个奇怪的问题，我找不到在线的 awnswer，我在 youtube 上观看的任何教程都能够完美地将导入语句用于他们的图像。只是为了显示我的代码，我已将其粘贴在下面。我导入的两个图像在我的浏览器中没有被检测到，应用程序无法编译

import React from "react";

//import assets from images folder
import RMDBLogo from '../../images/logo.jpg';
import TMBDLogo from "../../images/tmbd_logo.svg";

//import styled components from the header .styles file
import { Wrapper, Content, LogoImg, TMBDLogoImg } from "../Header/header.styles";

const Header = () => (
    <Wrapper>
    <Content>
        <LogoImg src={RMDBLogo} alt="rmbd-logo"></LogoImg>
        <TMBDLogo src={TMBDLogo} alt="tmbd-logo"></TMBDLogo>
    </Content>
</Wrapper>
)

export default Header
4

0 回答 0