Skip to content

The built-in component {Image} is not working #134

@karofnocca

Description

@karofnocca

Hi! I am using your library in the development of my project. I ran into the problem that when using the built-in component {Image}, neither images nor icons are displayed when the project is deployed.
Example:

import './CategoryCard.scss'
import { Image } from 'minista'
import Icon from '@/components/Icon'
import Badge from '../Badge'

const CategoryCard = (props) => {
const {
title,
images = [],
badge,
} = props

return (


{images.map((imgSrc, index) => (
<Image
className="category-card__image"
src={imgSrc}
key={index}

Here, in the src parameter, I use the link to the image in the /src/assets/images/ format......../

When viewing the preliminary result of the project on local hosting, everything looks great. But as soon as I start building the project and opening it, neither the ink nor the images that were called via the built-in {Image} method are displayed.

I'm developing on windows, and the "crutch" in the form of "import { React Component as SVG Search } from '@/assets/icons/search.svg'" doesn't work either

can you tell me how to fix it?

Image

Image

1 photo - local hosting
2 photos - project deployment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions