#Im not sure where I went wrong
22 messages · Page 1 of 1 (latest)
When you have a relative import path that points to a directory like ../assets, the code will attempt to locate a file named index. If that file does not exist, the import will fail.
For you issue, you need to either create this index file, which would export all the assets from a single place, or update the imports to be direct paths to the images. My assumption is the tutorial uses an index file. This is generally not a best practice, but it is probably the easiest option for now.
Let me know if this does not resolve your problem or if you have any questions about my response.
Thank after listening to your suggestions my local host browser page is blank and white, would you have an idea of what that means?
I would suggest opening your browser console to see if there are any errors there. Typically this means the build succeeded, but then crashed when running.
okay so im finally making some progress now but I dont know why only some exports are showing but when I hover over the ones that are depicted on the webpage you can see all of the exports that should be displayed if that makes sense?
I don't think I understand your question. Things exported from the file shown won't necessarily show up anywhere
Could you give a bit more detail about what you expect to see vs what you actually see?
on the displayed page I only see "Tech,Works,Feedbacks, and contact" but I am supposed to be seeing everything in the "export {} " in my index.js
Could you please share your App file and your NavBar file? I think one of those should be where these components are rendered
i have added my jsx files for both on my github: https://github.com/Janelle2002/3d_portfolio
Thank you for sharing this! So looking at this file https://github.com/Janelle2002/3d_portfolio/blob/main/App.jsx, this is where you are rendering these components on screen. So if you want more content on the webpage, you would need to add it here. Let me know if that makes sense or if I can provide an example.
I am having a issue with the nike react project i get the following error in the console
Uncaught (in promise) Error: Could not establish connection. Receiving end does not exist.Understand this errorAI
App.jsx:1 Uncaught SyntaxError: The requested module '/src/sections/index.js' does not provide an export named 'SpecialOffer' (at App.jsx:1:105)
You should create your own thread in this case. Be sure to share your App.jsx file and sections/index
Yep iI jumped to fast I found my error typeo with the help of console
now for the next problem i got to setting up nav when i try to run it has this error in index.js i am about ready to give up there is the latest error [plugin:vite:import-analysis] Failed to resolve import "./header-logo.svg" from "src/assets/images/index.js". Does the file exist?
/home/billy/tw-lesson4/nike/src/assets/images/index.js:9:33
7 |
8 | import footerLogo from './footer-logo.svg'
9 | import headerLogo from './header-logo.svg'
| ^
now for the next problem {navLinks.map((link) => (
<li key={item.label}>
<a href={item.href}
For this we would need to see your file structure
This just looks like an incomplete statement.
!!help.us
- Expectations! What did you expect your code to do? What did it actually do?
- Errors! If your code produced an error, paste the error message for us to see!
- Code! We can't help you if you don't show us the code that you're having trouble with. No screenshots -- use code blocks instead please (!!help.codeblocks).
- Libraries! If you're using a library, tell us the library name.
sorry guys i desided not to worry about it i kept on and got everything to work i am at hero section now on the nike store adding shoes sorry about my problems