问题标签 [stencils]

我正在玩stencil 我到目前为止所做的事情：

1. 在模板中创建了一个组件
2. 发布到 npm
3. 创建了一个角度项目
4. 将模板组件安装到 Angular 项目中
5. 在 index.html 文件中添加了 component.js 文件

当我添加

然后浏览器控制台给出以下错误：

GET http://localhost:4200/node_modules/stencil-poc-ng/dist/mycomponent.js 404 (Not Found) localhost/:1 Refused to execute script from ' http://localhost:4200/node_modules/stencil-poc -ng/dist/mycomponent.js ' 因为它的 MIME 类型 ('text/html') 不可执行，并且启用了严格的 MIME 类型检查。

有谁知道process.env.PORT在 StencilJS 应用程序中编辑属性的正确方法？

我想从您的想法中得到一个解决方案，我想保持产品 ID 与我在产品 CSV 中列出的产品 ID 相同。据我所知，当我们导入产品时，产品 id 字段应该被忽略，但我想使用 CSV 列表中的 id 我不希望 bigcommerce 为产品生成新 id

请检查屏幕截图：

我想为我的产品保留这些 ID 保持不变

请问有什么解决办法吗

谢谢

背景

我必须多次在 Visio 中绘制多个矩形。我注意到 Visio 中头脑风暴模板的模具有一个名为“添加多个主题”的形状。当您将此形状带到文档页面时，它会提示您输入以换行符分隔的主题名称。当您根据行数提供此内容时，带有提供文本的主题（水平行）将添加到文档页面。

志向

在 Visio 中使用矩形创建一个类似的（添加多个主题）自定义形状。即我想要一个名为“添加多个组件”的形状，当它放在文档表上时，它应该提示输入组件的名称，这些组件的名称应该由换行符分隔。当提供这些名称时，应将这些带有文本的矩形添加到 Visio 文档中。

至今

我探索了以下途径-

1. 我打开了我在 Visio 中获得灵感的模板并检查了

   a) 当您将形状放在文档页面中时，可能会生成其他形状的宏代码。

[观察] - 模具中没有写宏代码。

b) 形状表中的内置函数，在 EventDropor的事件中被调用EventMultiDrop。

[观察] - 单元格带有文本“无公式”

2. 在互联网上搜索（谷歌搜索:)）如何使用与此问题标题相同的文本来实现这一点。

[观察] - 我得到与相关的结果

1. 添加自定义属性
2. 将数据链接到形状
3. 如何有效使用 Visio 的思维导图功能。

问

1. 如何设计一个可以实现抱负的定制形状？

我有这个 stenciljs 组件，它使用这样的 svg 图像：

我的文件夹结构是

现在，当我这样做时，stencil build它会创建dist包含所有内容的文件夹。

我将 dist 文件夹复制到我的站点中，该站点具有以下结构：

在 index.html 中，我加载了包

这按预期工作，但加载的资产/assets/icon.svg不存在（404）。有什么建议我需要做些什么来解决这个问题？

我是 Bigcommerce 的新手，我需要在我的 Bigcommerce 主题（Cornerstone）中创建一个页面模板。

我已按照文档进行操作，但将其重定向到 404 页面。请帮助我。

我也尝试使用以下链接，但 URL 重定向到 404 页面 在模具中为 bigcommerce 创建自定义页面模板

注意：我已经在本地环境中安装了模板框架并尝试了它

https://developer.bigcommerce.com/stencil-docs/template-files/custom-templates/about-custom-templates

是否有选项可以在运行时从 Stencil 中隐藏特定的 Master？我试过mstr.Hidden = 1;了，我得到了以下异常：{"\n\nRequested operation is presently disabled."}.

我正在使用 StencilJS 在 SVG 中创建图表。

我有一个 TypeScript 函数，它确定 SVG 中应该包含哪些 SVG 元素，在这些元素上设置适当的参数，然后返回 JSX。

当 JSX 在屏幕上呈现时，有几个元素没有显示。

奇怪的是，如果我打开控制台并检查元素，我可以看到它们都在那里。

如果我完整地复制 SVG 元素，并将其粘贴到另一个上下文中 - 我可以看到所有元素，如我所料。

所以，我知道返回的 JSX 和 DOM 中的元素都“存在”——只是由于某种原因，它们没有显示出来。

在下面的第一个屏幕截图中 - 您可以看到一个可见的元素。

在第二个屏幕截图中 - 你可以看到我突出显示了另一个也在 DOM 中但不可见的元素。

您可以看到没有明显的区别（例如，一个人的样式没有不同）。只是浏览器似乎没有将其识别为 DOM 元素。

就好像 Stencil 从 JSX 中获取一些元素并将它们插入到 DOM 中，而不是其他的。任何地方都不会显示任何错误。

知道为什么会这样吗？

屏幕截图 1 - 可见元素：

屏幕截图 2 - “缺失”元素：

在 Visio 中，我们可以定义自定义模具。在 Rhapsody 中，我可以定义像 Visio 这样的模板吗？如果是，如何？