我需要与所有聚合物组件共享相同的CSS。从我搜索的内容来看,将链接与样式表直接放置是不推荐的,因此 core-style 。
因此,我尝试使用我认为所谓的样式模块。在一个单独的文件中,名为sharonSnyles.html,我插入了我想要的CSS,然后通过<style is="custom-style" include="shared-styles"></style>
导入它。
当共享风格与我的元素/组件处于同一文件夹中时,这起作用,但是在所有文件夹中一次又一次地复制和粘贴CSS并不是很实际,所以我想将样式保留在它自己的文件夹。但是,当我这样做时,样式消失了。
导入路径对我来说似乎是正确的,但是无论哪种方式,我都试图更改它,什么也不会发生。
我尝试了许多其他事情,例如从链接标签中添加或删除" async",添加或删除是从样式标签中=自定义风格的,但是到目前为止没有更改。
我有一个想法是,也许问题是我如何测试组件,因为 polymer服务器 - open 仅获取组件文件夹中的文件。
这是一支笔,但是您真的看不到那里的问题,因为我不能将CSS放在其他文件夹中。
任何指导都将不胜感激。
控制台错误:
127.0.0.1/:1 GET http://127.0.0.1:8081/shared-styles/shared-styles.html 404 (Not Found)
polymer.html:2654 Could not find style data in module named shared-styles
似乎您没有为shared-styles
定义dom-module
ID。
正确的shared-styles/shared-styles.html
文件应为:
<dom-module id="shared-styles">
<template>
<style>
/** your CSS goes here **/
</style>
</template>
</dom-module>
对不起,如果我的问题令人困惑。
问题确实与 Polymer Server -open 仅获取组件文件夹中的文件 ,因此忽略了其他文件夹中的样式。p>方法我通过在组件文件夹内的外部文件夹中创建快捷方式将其修复了是,然后正常插入这样的样式:
<link rel="import" href="shared-styles/shared-styles.html">
希望它能帮助某人!