Question

111

React import component from another folder issue

rated 0 times [ 117] [ 6] / answers: 1 / hits: 35585 / 5 Years ago, wed, november 6, 2019, 12:00:00

I did add the folder structure so you could see.

How am I able to import image component into the card component ? Doesn't matter what path I try I get this error

./src/Components/Card/Card.js

Module not found: Can't resolve '../../Components/Image' in 

'/Users/user/project/projecttest/src/Components/Card'





import React from 'react'

import styled, {ThemeProvider, css } from 'styled-components'

import Image from '../../Components/Image'

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

kaleyv

Add To Favorites

Follow

Total Points: 259

Total Questions: 99

Total Answers: 107

Location: Saint Helena

Member since Tue, Nov 3, 2020

4 Years ago

kaleyv questions

1 How can I calculate the total price of products in a cart using JavaScript?

Sun, Jan 16, 22, 00:00, 2 Years ago

1 array.map() is returning elements all together in React JS

Thu, Dec 16, 21, 00:00, 2 Years ago

1 How do I reset mocked values in Jest?

Sat, Oct 24, 20, 00:00, 4 Years ago

1 NuxtJS: Disable console.log in production env

Sun, Oct 18, 20, 00:00, 4 Years ago

1 forwarding ref to react.FC gives type error: Property ref does not exist on type 'IntrinsicAttributes & Props & { children :? ReactNode}

Wed, Sep 16, 20, 00:00, 4 Years ago

View All

answered 5 Years ago lindsay · Accepted Answer

No, I see you importing: import Image from '../../Components/Image'. This mean you importing index of Image folder.

But in your code, you defining Image.js not index.js.
So, you have to import like this:

import Image from '../Image/Image'

Or, you can rename file Image.js to index.js to shorten the code when import:

// rename Image.js to index.js

// then, import file:

import Image from '../Image'