问题标签 [stenciljs]

我需要 <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 在我的模板组件中包含这个脚本。我将它包含在 src 文件夹中的 index.html 中。这正是我在开发模式下所需要的，但是一旦我运行 npm build 。这行不通。有人能告诉我在哪里包含这个第三方库吗？

我已经通过Ionic PWA Toolkit使用并检查了 Stencil.js 和 Ionic4，它们目前处于 beta 版本。Ionic4 到目前为止还没有文档，因为它还没有发布。

单击选项卡项时，如何显示其对应的页面，该页面可能是另一个组件，即。只是正常的标签行为？

我root在 an 上尝试了一个属性，ion-tab但它抛出IonTabAttributes不包含root，所以我认为它已被弃用和更改。

main.tsx文件render功能：

我可以使用stencil-router，但是，在使用 `ion-tabs.

有一些介绍性视频教程，而不是书面文章如何使用它，但它们非常基础，不包括标签的使用。

在 Ionic3 之前，它与 Angular.js 紧密结合。所以导航工作可能是由一些 Angular.js 功能完成的。我可能是错的，因为我以前没有使用过 Ionic 或 Angular.js。

Ionic4将与框架无关，使用Stencil.js编写并使用Stencil.js 编译器编译为Web 组件标准组件。

我想知道导航任务将如何处理，由谁处理？Ionic4 有路由功能吗？或者它没有，必须使用开发人员选择的客户端路由器，特别是我想知道 Stencil.js 的用例，因为它也有一个路由器。例如，它应该如何用于选项卡式应用程序标记和 Ionic 样式，以及使用 Stencil.js 路由？

我们使用 ionic 3 开发了我们的应用程序。我们预计访问我们网站的移动用户将多于台式机和笔记本电脑。因此希望 ionic 上的 SEO 支持我们可以修改每个页面的标题和元描述标签。我们已经尝试过https://forum.ionicframework.com/t/progressive-web-app-metatags/89282，但它不起作用。唯一的解决方案是服务器端渲染 (SSR) 吗？如果是这种情况，那么 stenciljs 看起来是唯一的解决方案。有没有人将模板集成到他们现有的离子项目中？如果是，请让我知道这样做的努力和步骤。预先感谢！

我想分别在页面底部和顶部实现一个带有选项卡和工具栏的 Web 应用程序。

1. 我认为在所有带有标签栏的页面中，标签栏应该是相同的，我的意思是相同的代码。而且那些工具栏也可能是同一个。

2. 工具栏上会有按钮，单击时将有一个没有选项卡的整个页面视图，但再次带有一个带有后退按钮和其他几个按钮的工具栏。这个工具栏可能是不同的，我可以接受。

3. 入口点路由'/'应该显示第一个选项卡的页面，就好像它被单击一样。

问题是我无法正确拥有所有这些：

当我得到一个时，我会松开另一个。当我得到一个共享选项卡栏和一个主工具栏时，我仍然可以拥有 2，因为我没有在选项卡视图中嵌套这个视图的路线，但是，我松开了 3，它显示了一个空页面，而不是第一个选项卡的页面共享标签栏和主工具栏 我将标签视图嵌套在另一个具有共享标签栏和工具栏的路由视图中。

当我不在路由中嵌套标签栏路由时，我会松散共享标签栏和工具栏。而且我还得到了我不想得到的标签栏，在从主工具栏导航的页面内。

我在我的项目中使用 Stencil.js 编译器及其路由器插件。我不能使用新的 Ionic（版本 4），因为它是测试版，并且不清楚如何使用导航给我。

这些问题似乎是由于路由器使用路由元素的 url 属性嵌套路由而不是嵌套路由元素这一事实引起的。

如何为具有共享标签栏、工具栏和视图的 Web 应用程序处理正确的导航模式，而无需它们本身获得整个屏幕？

我已经尝试（但失败了）将 3 个不同的 Stencil 包与 node/express 一起使用。（模板，模板-js，@stencil）。特别是，我正在寻找一个可以让我进行标准快速模板渲染的包，例如：

我尝试的包似乎是出于其他目的，即没有render可以与 app.engine() 函数一起使用的函数和/或回调方法。我可能忽略了显而易见的事情，因为 Stencil 似乎很受欢迎（kitura 等），并且似乎与 express 很自然。

下面是 Angular 2 中的代码。有人可以解释如何在 Stencil.js 中使用 ngclass。

我创建的组件是Angular2。现在尝试在 Stenciljs 中重新创建相同的内容：

打字稿代码：

我@bigcommerce在以下软件上使用模板：

运行stencil start然后在本地 URL 加载站点后，它给了我这样的错误：

SCSS 文件中导致此问题的行是：

现在，在我同事的 Mac 上，这是可行的。SASS 寻找./layout/_pdp.scss并且它加载得很好。但在我的 Windows PC 上，这不起作用。我已经通过包括下划线、包括扩展名、./在开头使用等来尝试导入的所有变体。似乎没有任何效果。

有谁知道为什么这不适用于 Windows 或这些版本的 NPM、NodeJS 等？

我有一个使用 Typescript 构建的基本 Stencil 应用程序。我没有使用 Angular。我无法使用 svg.js。

这是我的完整组件：

这失败了{ Error: Cannot call a namespace ('SVG')...

我尝试查看 SVGconsole.info('SVG')并编译，但浏览器给了我错误 TypeError: Cannot set property 'SVG' of undefined。

我知道我的应用程序可以正常工作，并且 moment.js 可以正常工作，因此不存在 TS 配置问题。VS Code 中用于 svg.js 的 Intellisense 也可以正常工作。

我正在尝试将 React 组件移植到 Stenciljs。

组件 .scss 文件具有另一个 A.scss 文件的 @import。该 A.scss 文件 @import bootstrap-sass/assets/stylesheet/bootstrap/_variables 和 @import 另一个 B.scss。

Stenciljs 可以处理吗，还是我需要将所有内容合并到一个文件中？

谢谢