Описание тега stenciljs

Описание тега Вопросы с тегом
Stencil - это компилятор, созданный командой Ionic Framework, который генерирует веб-компоненты (в частности, пользовательские элементы). Stencil объединяет лучшие концепции самых популярных фреймворков в простой инструмент времени сборки.
1 ответ

Условный рендер JSX не обновляется в зависимости от изменения состояния

Я создаю компонент JSX с помощью StencilJS, и мой компонент не выполняет повторный рендеринг в зависимости от изменения его состояния. Я не имею понятия почему: import { Component, Prop, State } from '@stencil/core' @Component({ tag: "button-popover…
04 сен '18 в 15:11
1 ответ

Пользовательское событие Stenciljs не отвечает через @Listen

Я пытаюсь понять поток пользовательского источника событий. У меня есть скользящий код, где работают события мыши, но не пользовательские события. Отслеживая его с помощью средств разработки, он излучает, но не воспринимается слушателем. Компонент в…
31 май '18 в 18:36
2 ответа

StencilJS - TypeScript - "Не удается найти имя..." при экспорте перечисления

У меня есть следующий проект: https://github.com/napolev/stencil-cannot-find-name который содержит следующие два файла: заказ container.tsx import { Component, Element, State } from '@stencil/core'; @Component({ tag: 'custom-container', styleUrl: 'c…
16 сен '18 в 06:38
1 ответ

Свойство 'clear' не существует для типа 'IonButtonAttributes'

Попытка перестроить компонент приложения Ionic-Stencil HN за компонентом, переписав все, чтобы понять, как все это работает вместе, но после переписывания всех компонентов и проверки отсутствия опечаток в любом из файлов и импорта @ ionic / модуль я…
16 янв '18 в 17:40
2 ответа

Значение привязки как html в stenciljs

У меня возникли проблемы с отображением значения с пользовательским HTML внутри элемента. например: this.title = 'Hello <b> stencil </b>'; << response value from an API Переплет: <h1>{this.title}</h1> Я ожидаю чего-то т…
23 апр '18 в 14:48
3 ответа

Технические концепции угловых элементов и трафарета

Схожи ли технические концепции угловых элементов и трафарета? Angular Elements будет новой функцией в Angular 6, где вы можете обернуть свой письменный Angular-компонент в веб-компонент. В моем понимании сгенерированный Custom Element - это просто м…
20 апр '18 в 09:32
1 ответ

Stencil, Leaflet, компонент модульного тестирования, дает TypeError: Невозможно прочитать свойство 'deviceXDPI' из неопределенного

Поэтому мы разрабатываем компонент Stenciljs, который оборачивает карту листовки и добавляет некоторые дополнительные функции. Теперь очевидно, что мы не хотим или не должны тестировать Leaflet, а вместо этого - только части в наших компонентах-обол…
04 дек '18 в 12:15
2 ответа

TSX в StencilJS

Что такое скомпилированная версия этого кода.tsx в StencilJS? render() { return ( <div> <div> test </div> </div> ); } В Реакте есть: React.createElement( "div", null, React.createElement( "div", null, "test" ) ); Есть ли в St…
23 сен '17 в 14:21
3 ответа

Найти сфокусированный элемент в сквозном тесте для компонента Stencil

Как я могу проверить, какой элемент имеет фокус в тесте трафарета? Я не могу использовать document.activeElement как я обычно делаю, как всегда возвращается undefined...
24 янв '19 в 23:10
1 ответ

Интеграция Angular 7 с проблемой StencilJS - Не удается найти модуль 'test-components/dist/loader'

Я пытаюсь интегрировать свой проект Angular 7 с StencilJS, чтобы я мог использовать пользовательские веб-компоненты / элементы, и я следую руководству по интеграции на веб-сайте StencilJS здесь. Я на инструкции, которые говорят: Коллекция компоненто…
31 янв '19 в 13:53
1 ответ

Как я могу вставить изображение в веб-компонент?

Я пытаюсь вставить изображение в веб-компонент, который создаю с помощью Stencil. Я получаю 2 ошибки: AppLogo is declared but its value is never read. а также Cannot find module ../assets/logo.svg. Справочники: - src -- components --- app-header ---…
19 фев '19 в 13:18
2 ответа

Как определить количество детей в слоте

Есть ли способ узнать, сколько детей содержится в названном слоте? В моем компоненте Stencil есть что-то вроде этого в моей функции рендеринга: <div class="content"> <slot name="content"></slot> </div> Я хочу по-разному стили…
15 дек '18 в 19:35
0 ответов

Можно ли установить идентификатор компонента Stencil в конструкторе?

Я хочу создать компонент Stencil, который имеет уникальное значение id при его создании. У меня есть функция, которая возвращает уникальный идентификатор каждый раз, когда он вызывается так в моем компоненте, который я определил: @Element() _el! : H…
04 янв '19 в 18:59
1 ответ

Невозможно использовать сжатый архив в разрешении пряжи

Для проекта надписи stenciljs, над которым я работаю, у меня были проблемы с взаимодействием между rollup-plugin-node-builtins а также node-gyp-build который использовался в зависимости. Чтобы решить эту проблему, я смог внести некоторые изменения в…
09 янв '19 в 17:02
1 ответ

Как отобразить данные из бэкэнд-API с помощью stencil.js в зависимости от пользовательского ввода?

Вот мой код Основываясь на пользовательском вводе, я пытаюсь передать входные данные бэкэнд-API и получить соответствующие данные. У меня есть фиктивный API, который я вызываю с помощью Fetch API и храню данные в this.data, Как отобразить содержимое…
10 янв '19 в 06:30
2 ответа

Трафарет не переопределяет компонент, когда изменяется оформленное свойство @state()

Я начал с трафарета сегодня. Следующий код - это все, что у меня есть в моем проекте. Документы говорят, если компонент компонента украшен @state() изменено, компонент будет перерисован. Любые изменения в свойстве @State() приведут к повторному вызо…
24 фев '19 в 18:56
1 ответ

window.parent.postMessage в @Listener

У нас есть требование, чтобы мы загружали отдельную страницу как модальную (да, верно?) Встроенная страница использует window.parent.postMessage(messageString, '*') сигнализировать действия были завершены. Я хочу использовать stenciljs @Listener У м…
02 янв '19 в 22:46
2 ответа

Использование вкладок приложения с ion-вкладками в бета-версии Stencil + Ionic4

Я использовал и изучил Stencil.js и Ionic4, который в настоящее время находится в бета-версии с помощью Ionic PWA Toolkit. На данный момент у Ionic4 нет документов, так как он еще не выпущен. Когда щелкнул элемент вкладки, как показать соответствующ…
03 фев '18 в 09:28
0 ответов

Как создать пользовательский компонент трафарета с помощью Ionic PWA Starter Kit

Я просто запускаю команду: $ npx create-stencil ionic-pwa который создал ваниль Ionic 4 PWA со следующей структурой каталога внутри каталога: src: . ├── assets │ └── icon │ ├── favicon.ico │ └── icon.png ├── components │ ├── app-home │ │ ├── app-hom…
29 авг '18 в 17:41
0 ответов

localStorage не определяется

Я использую localStorage и sessionStorage в StencilProject. Когда я бегу npm run dev --prod все нормально. Когда я бегу npm run build это нокаут Даже с этой ошибкой мое приложение отлично работает на Chrome, но не на Firefox. Ошибка: localStorage не…
14 дек '17 в 08:48