Ionic framework 离子颜色二级/一级未应用

Ionic framework 离子颜色二级/一级未应用,ionic-framework,stenciljs,Ionic Framework,Stenciljs,我已经创建了一个stencil.js应用程序(appstarter),我想在其中使用离子组件 我在本教程()之后介绍了使用cdn的Ionic。我对一些组件(如按钮、切换等)的样式有问题。问题是如果我使用 color="primary" 我搜索了很多来解决这个问题,我发现属性.ion color primary没有像应该的那样应用于按钮,因此没有一种颜色应用于保持白色的按钮 如果我在html页面(没有stencil.js)中使用来自cdn的Ionic,那么问题不会发生,所以我认为问题在于sten

我已经创建了一个stencil.js应用程序(appstarter),我想在其中使用离子组件

我在本教程()之后介绍了使用cdn的Ionic。我对一些组件(如按钮、切换等)的样式有问题。问题是如果我使用

color="primary"
我搜索了很多来解决这个问题,我发现属性.ion color primary没有像应该的那样应用于按钮,因此没有一种颜色应用于保持白色的按钮

如果我在html页面(没有stencil.js)中使用来自cdn的Ionic,那么问题不会发生,所以我认为问题在于stencil


我有最新的模具版本,4.11.7。

为什么不使用ionic pwa启动器<代码>npm初始模板ionic pwa。该starter项目设置为将ionic组件与应用程序捆绑在一起,而不是从CDN加载。我需要一个stenciljs projects+ionic组件,而不是ionic pwa starter。如果在stencil组件中使用“scoped:true”而不是“shadow:true”,会发生什么?这应该在组件装饰器中。这会改变什么吗?我刚刚用香草HTML测试了CDN,它可以工作:因为你使用的是模具,我建议你使用Simon建议的,它本质上只是一个带有Ionic预配置的模具应用程序。我用了很多次都没有问题。我用pwa启动器解决了问题!