Css Can';在不同的文件夹中,无法使用共享样式
我需要与我的所有聚合物组件共享相同的CSS。从我搜索的内容来看,直接将链接与样式表放在一起是不可取的,核心样式也是如此 所以我试着使用我认为是所谓的风格模块。在一个名为shared-styles.html的单独文件中,我插入了我想要的CSS,然后通过Css Can';在不同的文件夹中,无法使用共享样式,css,polymer,polymer-1.0,Css,Polymer,Polymer 1.0,我需要与我的所有聚合物组件共享相同的CSS。从我搜索的内容来看,直接将链接与样式表放在一起是不可取的,核心样式也是如此 所以我试着使用我认为是所谓的风格模块。在一个名为shared-styles.html的单独文件中,我插入了我想要的CSS,然后通过导入它 当共享样式与我的元素/组件位于同一个文件夹中时,这种方法就可以工作了,但是在所有文件夹中反复复制和粘贴CSS是不太实际的,所以我希望将样式保留在自己的文件夹中。但是,当我这样做的时候,样式就消失了 导入路径对我来说似乎是正确的,但无论哪种方式
导入它
当共享样式与我的元素/组件位于同一个文件夹中时,这种方法就可以工作了,但是在所有文件夹中反复复制和粘贴CSS是不太实际的,所以我希望将样式保留在自己的文件夹中。但是,当我这样做的时候,样式就消失了
导入路径对我来说似乎是正确的,但无论哪种方式,我都试图改变它,但什么都没有发生
我尝试过许多其他的方法,比如从link标记中添加或删除“async”,从style标记中添加或删除is=custom样式,但到目前为止没有任何更改
我的一个想法是,可能问题在于我如何测试我的组件,因为polymer server--open只获取组件文件夹中的文件。
任何指导都将不胜感激
控制台错误:
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
似乎您没有为您的
共享样式定义dom模块
id
正确的共享样式/shared styles.html
文件应为:
<dom-module id="shared-styles">
<template>
<style>
/** your CSS goes here **/
</style>
</template>
</dom-module>
/**你的CSS在这里**/
对了,抱歉我的问题让人困惑
这个问题确实与polymer server有关——只打开组件文件夹中的文件,因此忽略其他文件夹中的样式
我修复它的方法是在component文件夹中创建一个指向外部文件夹的快捷方式,然后像这样插入样式:
<link rel="import" href="shared-styles/shared-styles.html">
希望它能帮助别人 我确实定义了,正如我所说的,代码笔并没有真正显示问题所在,因为您在那里只能看到一个html或文件夹。但同事们一致认为,问题在于服务器找不到其“作用域”之外的文件夹。我们将使用文件夹的快捷方式进行测试,如果有效,我将稍后发布。