Вопросы по теме 'lit-element'

Как использовать Font Awesome с Polymer LitElement
Я не могу заставить значки Font Awesome работать с LitElement, потому что стили CSS не выходят за теневые границы настраиваемых элементов. Можно ли использовать Font Awesome или другие значки с LitElement?
2906 просмотров
schedule 07.06.2022

shady-render.ts: 46 Uncaught TypeError: result.getTemplateElement не является функцией
Когда я пытаюсь выполнить элемент Polymer локально, я использую полимер 3, а моя структура HTML - HTML5. Тег counter-comp добавлен в мой html файл. import {LitElement} from "@polymer/lit-element/lit-element.js" class CounterComp extends...
54 просмотров
schedule 08.10.2022

Meteor + LitElement (Polymer 3) проблема с импортом
У меня возникла проблема с импортом модуля LitElement в проект Meteor: Я начинаю новый тестовый проект с Meteor 1.7+ и использую LitElement для нескольких компонентов. Я установил Meteor так: meteor create meteor-lithtml --release...
244 просмотров

Используйте свойства или слот для передачи данных дочернему элементу
У меня вопрос о том, как лучше всего передать какое-либо значение от родительского компонента дочернему компоненту и показать значение, потому что я пытался передать значение со свойствами и слотом, и оба способа работают. Свойства: у меня есть...
3311 просмотров

Импорт CSS-url из SASS с помощью Webpack
Я работаю с веб-компонентами (в частности, lit-element ) и хочу поделиться общая таблица стилей для нескольких различных компонентов. Я пытаюсь получить URL-адрес скомпилированного файла CSS, когда я импортирую его в свой JS-компонент, чтобы я мог...
1243 просмотров
schedule 04.07.2023

ошибка tsconfig при установке модуля на ES2017
Следующая документация для LitElement мой tsconfig.json выглядит так: { "compilerOptions": { "target": "ES2017", "module": "ES2017", "moduleResolution": "node", "experimentalDecorators": true },...
2856 просмотров

проблема с получением querySelectorAll для работы в элементе lit-element 2.0
Я работаю с lit-element 2.0, и у меня возникла проблема, когда я получаю код ошибки Uncaught TypeError: невозможно прочитать свойство querySelectorAll из неопределенного это код, который генерирует ошибку...
101 просмотров
schedule 13.11.2022

Если для атрибута установлено значение false, можно ли наблюдать свойство внутри элемента?
@ lit-element -> Свойства -> Настроить атрибуты -> Настроить наблюдаемые атрибуты здесь говорится о том, что: По умолчанию LitElement создает соответствующий наблюдаемый атрибут для всех объявленных свойств. а также Чтобы...
37 просмотров
schedule 08.03.2022

Модульное тестирование миксинов с подсветкой
Как можно провести модульное тестирование миксина с освещенными элементами? У меня есть простой миксин, который просто изменяет событие жизненного цикла firstUpdated светового элемента: const mixin = sup => class extends sup {...
426 просмотров
schedule 11.01.2023

Как протестировать веб-компонент (светящийся элемент) с помощью шутки
У кого-нибудь есть хорошая настройка для тестирования пользовательских элементов с помощью jest, jsdom или аналогичных? Я использовал Puppeteer и Selenium, но они слишком сильно замедляют выполнение тестов. Есть ли другие альтернативы или...
5580 просмотров

LitElement Как следить за дочерним домом и менять стиль
Итак, у меня есть пользовательский элемент, и мне нужно обновить его стили на основе изменения его дочернего содержимого. Например: <my-element> <!-- When child content here changes I want to update styling --!> </my-element>...
258 просмотров
schedule 26.11.2023

выпадающее меню бумаги не работает в освещенном элементе
Изменить : оказывается, полезно импортировать paper-listbox , прежде чем использовать его в другом элементе. По какой-то причине я думал, что он импортируется как зависимость от другого элемента, который я импортировал , но нет. Как только я...
894 просмотров

размер пакета: можно ли установить lit-element в качестве одноранговой зависимости?
Я заметил, что в связанный js добавлено много кода для простого веб-компонента на основе освещенных элементов, а набор реагирующих компонентов реагирует как одноранговая зависимость, поэтому в комплекте только одна среда выполнения реакции, поскольку...
297 просмотров

Использование материального веб-компонента внутри litElement
Я пытаюсь создать небольшое приложение, используя PWA Starter Kit из Polymer проект. Можно ли использовать веб-компонент из https://material.io/develop/web/components/input-controls/text-field/ внутри моего LitElement? Я хочу использовать...
1352 просмотров

Стилизация элементов `:: slotted ()` из свойства static styles
Я пытаюсь стилизовать элементы :slotted в компоненте из свойства статических стилей, как рекомендовано в документации. static get styles() { return [ css ` ::slotted(*) { color: var(--white, #fff);...
78 просмотров
schedule 23.10.2023

Использование Highcharts (и модулей) с lit-element
Согласно проблеме GitHub , это дополнительный вопрос: Я хочу использовать Highcharts и некоторые модули с Lit-Element и мучаюсь при импорте Highcharts и модулей. Если я использую import 'highcharts'; , я могу прекрасно использовать Highcharts...
740 просмотров

LitElement connectedCallback () против firstUpdate ()
Как говорится в документации: connectedCallback срабатывает каждый раз, когда пользовательский элемент добавляется к элементу, связанному с документом также: firstUpdated срабатывает после первого обновления и рендеринга вашего...
1773 просмотров

Как сфокусировать бумажный ввод в lit-element
У меня есть элемент <paper-input> на моей странице, который я хочу выбрать при загрузке страницы. Я пытался сфокусировать его при первом обновлении страницы, но это не сработало. firstUpdated() {...
731 просмотров
schedule 08.05.2022

Как применить глобальный CSS к веб-компонентам через shadow-dom
Я работаю над проектом световых элементов, и у меня возникла проблема, reset.css не может быть применена к веб-компонентам, заключенным в shadow-root Я пробовал этот способ, и у меня возникла следующая ошибка. Refused to apply style from...
386 просмотров

Передача функции дочернему
Код довольно прост: я пытаюсь передать функцию addContactFn() из MainComp в SideMenu . При нажатии получаю ошибку Uncaught TypeError: this.value.handleEvent не является функцией class MainComp extends LitElement {...
730 просмотров
schedule 06.01.2023