问题标签 [stenciljs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
web-component - Stenciljs：动态加载 styleUrl
我正在使用 stenciljs 构建一个 Web 组件，我希望能够基于名为主题的属性加载 css 主题文件。
stenciljs - 带有 stenciljs 的网络工作者用于自定义事件
我希望我的组件能够监听工作线程上的自定义事件。
有没有办法与带有 stenciljs 的网络工作者一起处理自定义事件？
sass - StencilJS 组件可以使用外部主题吗？
我正在尝试使用 StencilJS 为我正在处理的多个项目创建可重用的 Web 组件。但是我很难将主要应用程序的颜色主题继承到我的 Stencil 按钮组件。示例：我想为我的应用程序使用不同的主要和次要颜色，这些应用程序适用于我的 Stencil 组件，例如原色按钮。但我该如何做到这一点？我正在使用 sass 样式，并在我的 Stencil 项目中使用我的主题本地设置了主变量。但我不知道如何在编译后导入外部 sass/css 文件。
javascript - 如何在第三方 css 库中使用 stencil
我是第一次尝试stenciljs。我想构建一个小应用程序，而不仅仅是一个可重用的 Web 组件。
我的问题是是否有可能将第三方 CSS 库（如Bootstrap、Skeleton或Bulma）添加到我的应用程序中。
我尝试了以下方法，但它们似乎都不起作用：
示例 1：
简单地在其中添加一个 CDN<link rel="stylesheet" href="link-here">是index.html行不通的。
示例 2：
我安装了 Bulma CSS 库npm并尝试将其导入app.css文件中，如下所示：
或者
文档说这app.css是针对全局样式的。但这种方法也没有奏效。
如何将第三方 CSS 库添加到我的模板项目中？
angular - 模板更改@Prop() 检测
我如何检测模具中的道具变化，角度是这样的：
但我不知道模具中的情况如何。
我需要检测属性变化
javascript - Ionic4 组件 - 菜单：必须有一个“内容”元素来监听拖动事件
我有以下代码：
它工作正常，但有一个例外：当页面加载时，控制台上出现以下错误：
在这里你有CodePen.io：
https://codepen.io/anon/pen/qJgEzZ/?editors=1011
您可以在下面尝试代码StackOverflow：
关于如何解决这个问题的任何想法？这里缺少什么？
你CodePen.io能用正确的代码来分叉我吗？
谢谢！
javascript - 在 Angular 应用程序中使用 Stencil.js 路由器
我有一个 Stencil.js 应用程序，我使用该@stencil/router模块在内部创建了一些路由。我现在正试图将此应用程序的组件放置在一个更大的 Angular 应用程序中，但路由似乎不起作用。例如，我导航到呈现 Stencil.js Web 组件的 Angular 组件，它是设置路由的 Stencil.js 应用程序的根。然后，Web 组件中的按钮stencil-route-link可以路由到 Stencil.js 应用程序中的不同组件。不是将 Stencil.js 应用程序重定向到适当的组件，而是替换导航栏并且找不到页面。
有什么方法可以在 Angular 内部使用不同的路由器模块，而不会与 Angular 路由器本身发生冲突？如果是这样，任何帮助表示赞赏。
ionic-framework - Stenciljs - 背景图片 css 路径
我试图在我的 scss 文件上添加背景图像，但我无法使其工作。
这是我的 scss 文件中的代码：
当我在我的其他应用程序上使用我的组件时，这是我得到的路径：
http://localhost:4200/assets/images/Square.svg
这不是我的组件路径。
我尝试添加“/dist/collection/assets/images”，但没有成功
我发现了这个错误报告https://github.com/ionic-team/stencil/issues/923 1 但它已关闭，似乎没有修复。
webpack - 如何在 ElectronJs 中使用 StencilJs 组件
使用 Stencil 组件启动项目，我创建了一个简单的 my-component 对象并将其发布到 npm：https ://www.npmjs.com/package/@marekknows/my-component
然后，我使用 electron-webpack-quick-start 项目创建了一个使用前面提到的组件的简单应用程序。代码在这里：https ://github.com/mmakrzem/myApp
我可以开始运行 Electron 应用程序，npm start但是我的组件不会在窗口中呈现。Stencil 文档 ( https://stenciljs.com/docs/distribution ) 描述了如何使用节点模块，但我怀疑还有更多内容可以完成这项工作。
我生成的代码是这样的：
但是电子（铬）开发工具说：
Refused to execute script from 'http://localhost:56759/node_modules/@marekknows/my-component/dist/my-component.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.
我也不知道在我的组件node_modules\@marekknows\my-component\dist\collection\assets中找到的图像应该如何被 Electron 正确解析。
shadow-dom - 当阴影设置为 true 时，如何仅在 stencilJS 中获取被点击的元素
我遇到了一个问题，当我在组件中将阴影设置为 true 时，当单击任何图像（也包括其他元素）而不是单击的元素时，我会得到整个 dom。
我该如何解决这个问题。
提前致谢