web-component 相关问题

Web组件是使用本机代码或第三方库创建的可重用客户端元素。

Angular 17 中的自定义元素

自从我将 Angular 更新到版本 17 以来,我无法创建 Web 组件.. 我以前是在 app.module 中执行的,现在它们在哪里创建? 我按照指南所述在 app.component 中尝试过,但似乎没有......

回答 1 投票 0

如何使用 CSS ::part() 定位 Web 组件 ShadowDOM 中的第 N 个元素

我的构建起来非常简单,一系列直接位于#shadow-root中。 我可以将它们全部设计为...

回答 1 投票 0

从 nextjs 应用程序将 React 组件导出为 Web 组件

我正在尝试将组件从 Next.js 应用程序导出为 Web 组件,并将它们集成到 Chrome 扩展中。 我的想法是拥有我的应用程序的网络版本并使用部分组件......

回答 1 投票 0

在 Web 组件模板文档片段中找不到 span 元素

我正在尝试在 Web 组件模板中的两个插槽中添加 onclick 事件。我尝试用跨度包围它,然后运行 .querySelector 来获取该跨度,但它没有找到 #

回答 1 投票 0

如何在Angular v17中使用shoelace.style组件?

我是 Angular 的新手,这是我的第一个项目,所以也许这个过程是显而易见的。我按照 Shoelace Angular Integration 中概述的步骤进行操作,但无法运行它。我注意到还有...

回答 1 投票 0

在自定义元素中设置属性的正确位置

最小重现 - js 代码部分,第 5 行。 类 Bazooka 扩展 HTMLElement { 主持人; 构造函数(){ 极好的(); this.className = "嗨"; // 为什么 ??请参阅项目符号编号 - 5 --> htt...

回答 1 投票 0

解决 CSS 转换,为全屏模式创建自己的容器

我有一个 Web 组件模式,它在包含转换的 div 中打开,但是模式本身在转换的容器中打开,而不是在页面的视口中打开。这不可能...

回答 1 投票 0

是否可以在不使用类的情况下创建Web组件?

如果 JavaScript 中的一切都来自原型,我想有某种方法可以在不使用类的情况下创建 Web 组件。我从来没有找到任何关于它的文章,我不知道是不是因为......

回答 1 投票 0

如何在 vue 3 自定义 Web 组件中加载谷歌字体和材质图标

所以我正在使用 Vue 3 创建自定义 Web 组件以在任何 Web 应用程序中使用,但在导入字体和 Google Material 图标时遇到了问题,因为 Shadow-r...

回答 1 投票 0

如何使用 jest 测试 Web 组件(lit-element)

有人有一个很好的设置来使用 jest、jsdom 或类似工具测试自定义元素吗?我一直在使用 Puppeteer 和 Selenium,但它们使测试运行速度减慢太多。任何其他替代方案或修复...

回答 1 投票 0

使本机 Web 组件对话框显示在另一个本机 Web 组件对话框之上

在此代码片段中,我有一个 wc-notifier 组件来显示错误。显示一个现有错误(哦,没有现有错误!)。 然后显示“Form Modal”(wc-modal-form),这将...

回答 1 投票 0

“299742-nowjedi-hello”不是有效的自定义元素名称

我对组件开发很陌生,并且正在努力打印一个简单的hello world。有人能帮我吗? 重现步骤: 1. now-cli登录--host stack.service-now.com 2. now-cli 项目 --...

回答 2 投票 0

带有 vue 3 的 Web 组件 - 未添加样式

我想将我在 vue 项目中使用的一些组件导出为 web 组件,以便能够在其他非 vue 项目中使用它们。 我看到vue对此有支持,并且它导出了web-

回答 1 投票 0

为什么我的 vuetify 应用程序在将其转换为 Web 组件时会失去样式?

我正在尝试使用 vuetify 构建一个 Web 组件。然而,当我将该 Web 组件嵌入到容器中时,shadow-dom 就会失去其样式,结果只是一堆暗灰色的按钮。 我已经

回答 2 投票 0

向 Lit React Wrapper 添加属性(使用 @lit/react)

好的,我需要在 React 应用程序(使用 TS/TSX)中使用一个点亮的 Web 组件。 (如果您认为这里的命名很奇怪,我使用的是虚拟名称) 我知道我可以在 R 中使用 Web 组件...

回答 1 投票 0

React 组件不会推断 StencilJS 中的子组件

我正在使用 StencilJS 创建一些 Web 组件。我创建了一个实用程序组件,因为我看到自己一次又一次地重用一些逻辑: 导出类型 ConditionalRenderProps = { 条件:布尔值;...

回答 1 投票 0

Web 组件拖动功能到滑块

我正在使用 Shopify 主题中的此 Web 组件,我需要为其添加拖放功能。目前在移动设备和桌面上滑动以及按钮一样有效,但我不知道...

回答 1 投票 0

类型错误:模块名称,“lit”无法解析为有效的 URL

我是第一次尝试 WebComponents,并且尝试使用 lit。一直显示这个错误 我的 HTML 文件 &l...

回答 1 投票 0

Next JS (React) 不理解 stencil Prop

按照目前的流程,React 在我们的 SPA 中托管模板 JS 组件,像往常一样,随着范围的增加,它现在对 SEO 和性能产生影响,而且重点是我们无法改变主要架构......

回答 1 投票 0

Stencil 组件项目中未解决的 Shoelace 导入问题

[ WARN ] 捆绑警告 UNRESOLVED_IMPORT '@shoelace-style/shoelace' 由 src/global/index.ts 导入,但无法解析 - 将其视为外部依赖项 ...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.