问题标签 [stencil-compiler]

我熟悉 Angular 并了解 React 的基础知识。我正在探索模板文档，我发现模板组件既有@Component装饰器又有render()方法 -

组件.tsx

帮助我了解 Stencil 与 Angular 和反应有何不同以及它是如何工作的？

我localStorage在 StencilProject 上使用和 sessionStorage。我跑步npm run dev --prod的时候就没事了。当我运行时，npm run build这是 KO。即使出现此错误，我的应用程序在 Chrome 上运行良好，但在 Firefox 上却不行。错误是：

localStorage 未定义

所以我把我的电话从localStorage.getItem改为window.localStorage，所以现在我有以下错误：

无法读取未定义的属性“getItem”

localStorage关于如何在产品兼容性中使用的任何想法？

代码在这里

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

我在 theme.scss 中导入了自定义 SCSS 文件，但文件仍然无法正常工作

在 theme.scss 中：@import "mixins"；

这应该导入我的自定义 scss 文件，名为：_mixins.scss 文件，它与 theme.scss 的同一目录但它不起作用我不断在我的 _navPages.scss 上收到一个错误，即 mixin 没有定义......即使我在那个 _mixins.scss 文件中定义了它们

请指教....

文件结构图像 我的 _navPages.scss 中的 mixin 示例：

在我的 _mixins.scss 中定义的 mixin 示例：

我们最近进行了模板升级，并在 prod 构建包（模板构建）中发现了样式问题。使用 --dev 参数（模板构建 --dev）进行构建时工作正常。

我做了更多的研究，发现了样式标签的区别。在开发版本中，我可以看到样式标签出现在我的影子 dom 下，因为它出现在模板以前的版本（0.15.x）中。但是在 prod 构建包中，样式标签丢失但样式正在被应用。我可以理解模板正在禁用在产品构建中修改的样式。但是行为不应该改变。

代码示例

模板构建结果 -

模板构建--dev

我在 Stenciljs 中创建了一个新项目，但在使用该项目中创建的组件时遇到问题。

我需要在另一个容器组件（Carousel）中使用这个组件，但是我遇到了以下问题：

作为此问题的解决方案，VSCode 告诉我可以导入该组件，但是当我这样做时，我收到以下错误：

我正在使用 Windows 10。有人发生过吗？我很欣赏你的评论。

一个插件在构建过程中生成*.json文件，当我使用 watch 标志时，它会永远重新触发构建。

有没有办法告诉 Stencil 在手表上忽略某些文件类型？

我不能在这里提供太多信息（因为真的没有），但只有这个：

突然间，在向模板组件添加@Method功能后：

该组件停止编译并出现以下 - 非常无用 - 错误：

注意事项

• 错误消息中的返回类型Promise<void>以红色突出显示
• 在这个组件中还有其他@Methods 可以工作（即使返回类型相同）。
• “破碎”@Method在结构上等于那些起作用的。
• TypeScript 编译器不会抱怨任何事情
• 只有模板编译器失败

我已经试过了...

• 谷歌这个问题 - 没有找到这个问题的任何提示
• 删除async并添加return Promise.resolve()
• 重命名方法（我的意思是..为什么不）
• 将方法移动到课堂上的另一个地方
• 删除整个方法（编译好的 x( )
• 删除@Method装饰器（已编译，但当然我的方法已从 API 中删除）
• 删除node_modules文件夹并重新安装

我记得我曾经遇到过这个错误，显然我以某种方式修复了它（或者没有，idk）。但如果我这样做了，我不记得是怎么做到的。

有谁知道如何调试这个 - 甚至更好的修复？

我正在尝试在模板项目中使用 DI tsyringe。对于 tsyringe，它需要在任何代码之前全局加载一些 polyfill 组件。所以典型的用例如下：

对我来说，这种全局初始化的模板项目中的好候选看起来像是 globalScript 配置选项。所以我调整了 stencil.config.ts 如下：

我将样本从 tsyringe 移到 globalinit.ts 中，但在加载过程中失败。tsyringe 抱怨 polyfill 未加载。如果我查看生成的 js，看起来 tsyringe 实际上包含在 polyfill 之前。任何想法为什么会发生？

模具创建.stencil文件夹而不是components 内部dist/types目录

我已尝试使用 2.1.2 / 2.4.0/ 2.5.0 版本

在所有情况下，它都会创建包含所有组件的 .stencil 目录。

在其他队友系统中，components尽管具有相同的配置，但它正在创建。

这里的任何人都可以在这里帮助我，为什么在不同的系统上创建不同的文件夹。

因此，我的接口文件无法读取，因为它指向组件目录但模板创建.stencil