#Problem with the Nike Tailwind React Tutorial

20 messages · Page 1 of 1 (latest)

hushed snow
#

https://www.youtube.com/watch?v=tS7upsfuxmo at the ''1:09''
at my Nav.jsx I wrote the exact same code but the Nike Logo won't appear and I get an error from the console in chrome, I am really confused ...

Dive into the world of #tailwindcss, build a Nike #website, and join top-tier organizations like OpenAI, Shopify, and NASA in building stunning apps effortlessly.

📚 Tailwind CSS Starter Kit: https://resource.jsmastery.pro/tailwind-starter-kit

⭐Hostinger - https://hostinger.com/mastery10
Use the code JAVASCRIPTMASTERY to save up to 91% on all ...

▶ Play video
proud gyroBOT
#
Give me your code! It will be easier for the both of us, and will make debugging way easier.
💠💠💠
hushed snow
#

so basically the nike logo isn't showing at the nav.jsx component.

#

also please check the tutorial at the time 1:09, and inform me which code files you need in case I haven't provided all the necessary ones.

sinful mesa
# hushed snow https://pastebin.com/szRKTdzr

It looks like the component may not be rendering at all. To check this can you please remove the image and add in <p>Let's see if this works</p> and see if that text shows up on screen.

hushed snow
#

yes it does if I remove the: import { hamburger } from "../assets/icons";
import { headerLogo } from "../assets/images";

#

const Nav = () => {
return (
<div>
<p>hello</p>
</div>
);
};

export default Nav;
and this is is what i put in now and the text does show.

sinful mesa
#

Okay great, so those imports are probably causing the issue then.

#

is headerLogo a png or jpg or something?

hushed snow
#

header-logo.svg

#

at the tutorial he does the exact same process as I did but the image there does show up lol

sinful mesa
#

I'm not really seeing how that would work. Try import headerLogo from '../assets/images/header-logo.svg'

hushed snow
#

nope doesn't work either god damn it

#

I don't understand I've done everything in the tutorial yet I still get that error ...

sinful mesa
#
<img src={headerLogo} />
hushed snow
#

fixed it today