Стилизованные компоненты Ошибка вложенных компонентов

Question

Я пытаюсь выяснить, почему это ошибка. Хотя, если у меня нет CardWrapper, оборачивающего вокруг CardImage, изображение отображается.

import React from 'react'
import styled, { css } from 'styled-components'

const CardWrapper = styled.div`
    background-color: yellow;
    border-color: 1px solid red;
    position: relative;
`
const CardImage = styled.img`
    height: auto;
    width: 100%;
`

const Card = props => {
    return (
      <CardWrapper>
        <CardImage src={props.data.imageUrl}/>
    </CardWrapper>
    )
}

export default Card;

App.js

<Card data={{imageUrl: 'https://via.placeholder.com/630x354', logoUrl: "https://via.placeholder.com/100x100", text: "test"}}/>

Ошибка

./src/Components/Card/Card.js
 Error: Cannot find module '/Users/max/test/test/test/node_modules/babel-preset-react-app/node_modules/@babel/core/lib/index.js'. Please verify that the package.json has a valid "main" entry

Answer 1

Похоже, вам нужно установить пакет Node.js. В своем терминале перейдите в корневой каталог проекта и запустите:

npm install babel-preset-react-app