Проблемы при экспорте приложения React в виде модуля npm, содержащего изображение SVG - PullRequest
Новая
       23

Проблемы при экспорте приложения React в виде модуля npm, содержащего изображение SVG

0 голосов
/ 11 июня 2019

У меня есть приложение React, созданное с помощью create-react-app.Я построил и опубликовал его как npm модуль.Все работает нормально, я могу использовать компоненты, которые я экспортировал и т. Д. Единственная проблема, которая у меня возникает, заключается в том, что изображения (SVGs) в моем случае не будут отображаться в приложении, которое импортировало этот модуль.

На рисунке ниже показана структура папок проекта, экспортируемого и публикуемого в виде модуля npm.

Folder structure in the project being exported as npm module

На рисунке ниже показана структура папокимпортированный модуль при использовании в проекте.

enter image description here

На рисунке ниже показан компонент I, экспортируемый.

enter image description here

На рисунке ниже показан скомпилированный экспортируемый компонент.

enter image description here

На рисунке ниже показано использование компонента выше впроект, который импортирует модуль.

enter image description here

На рисунках ниже показано приложение, которое импортирует модуль, не отображающий изображение.

enter image description here

enter image description here

ДоУ вас, ребята, есть идея, почему картинка не загружается должным образом?

1 Ответ

0 голосов
/ 11 июня 2019

Я думаю, что это из-за неправильного импорта SVG для документов вам нужно импортировать SVG, например: 

import { ReactComponent as Logo } from './udilia-logo.svg';

, также это может быть из-за неправильной версии react-create-app

эта функция доступна с response-scripts@2.0.0 и выше, и response@16.3.0 и выше.

...