Size: a a a

2020 April 11

T

Th0r in Svelte [svelt]
Bruce Wayne
import Icon from 'svelte-awesome';
Делаю импорт иконок. Заупскаю приложение. Оно запускается, но до отрисовки на долю секунды появляется это окно.
<Icon> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules
________
Сталкивался кто нибудь с ошибкой? И как ее фиксануть?
какой-то компонент не поддерживает ssr
источник

BW

Bruce Wayne in Svelte [svelt]
Просто я нашел момент, что ребята пишут пробелма в том, что инсталю через --save, а нужно сделать --save-dev, но ведь тогда в проде небудет єтих иконок верно?
источник

T

Th0r in Svelte [svelt]
Bruce Wayne
import Icon from 'svelte-awesome';
Делаю импорт иконок. Заупскаю приложение. Оно запускается, но до отрисовки на долю секунды появляется это окно.
<Icon> is not a valid SSR component. You may need to review your build config to ensure that dependencies are compiled, rather than imported as pre-compiled modules
________
Сталкивался кто нибудь с ошибкой? И как ее фиксануть?
импортируй svelte компоненты, а не скомпилированные
https://github.com/RobBrazier/svelte-awesome/issues/506
источник

BW

Bruce Wayne in Svelte [svelt]
ага, увидел, спасибо большое за линк!!!
источник

BW

Bruce Wayne in Svelte [svelt]
Ребят, вот вопрос возник.
Я делаю импорт компонента. И описіваю его сss. Но svelte решает не добавлять css на сайт, так как он говорит, что селектор нигде не используется. И получается мне приходит не стелизированній компонент. Можно как-то фиксаунть это? Может дававить какой-то флаг к css свойству, или в селекторах описывать не класс, а сам компонент?
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Bruce Wayne
Ребят, вот вопрос возник.
Я делаю импорт компонента. И описіваю его сss. Но svelte решает не добавлять css на сайт, так как он говорит, что селектор нигде не используется. И получается мне приходит не стелизированній компонент. Можно как-то фиксаунть это? Может дававить какой-то флаг к css свойству, или в селекторах описывать не класс, а сам компонент?
Можешь какой-то код показать?
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Пока ничего не понятно
источник

BW

Bruce Wayne in Svelte [svelt]
да, сек
источник

BW

Bruce Wayne in Svelte [svelt]
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Просто фраза «импортирую компонент и описываю его css» не имеет смысла в SFC подходе
источник

BW

Bruce Wayne in Svelte [svelt]
Вот Компонент Icon. Это свг иконка. Выше в стилях описываю его стили. Но свелт пишет вот это Unused CSS selector
Указывая, что fa-icons-css не сущесвтует в разметке
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
То есть ты пытаешься покинуть имя класса локального стиля одного компонента как пропс к другому и удивляешься что это не работает? 🤔
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Bruce Wayne
Вот Компонент Icon. Это свг иконка. Выше в стилях описываю его стили. Но свелт пишет вот это Unused CSS selector
Указывая, что fa-icons-css не сущесвтует в разметке
Стили к свелт инкапсулированны в компонент их определяющий
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Компонент Icon хоть пропс такой предоставляет?
источник

BW

Bruce Wayne in Svelte [svelt]
Да, я єто прекрасно понимаю, это была как попытка решить пробелму. Как я должен описать эту свгшку, если компонент не мой, а импортиться со стороней библиотеке. Я не могу внутри Icon что-то править.
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Имею ввиду пропс class
источник

BW

Bruce Wayne in Svelte [svelt]
Pavel 🦇 Malyshev
Компонент Icon хоть пропс такой предоставляет?
+
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Bruce Wayne
Да, я єто прекрасно понимаю, это была как попытка решить пробелму. Как я должен описать эту свгшку, если компонент не мой, а импортиться со стороней библиотеке. Я не могу внутри Icon что-то править.
Как это обычно делается- прикидывать туда не локальный класс компонента, а глобальный
источник

BW

Bruce Wayne in Svelte [svelt]
Если я правильно понима, предложение описать это в глобальном css?
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
В идеале условно глобальный. Делается это так:

.local-parent-class :global(.fa-icon-css) {}
источник