Css Can';在不同的文件夹中,无法使用共享样式

Css Can';在不同的文件夹中,无法使用共享样式,css,polymer,polymer-1.0,Css,Polymer,Polymer 1.0,我需要与我的所有聚合物组件共享相同的CSS。从我搜索的内容来看,直接将链接与样式表放在一起是不可取的,核心样式也是如此 所以我试着使用我认为是所谓的风格模块。在一个名为shared-styles.html的单独文件中,我插入了我想要的CSS,然后通过导入它 当共享样式与我的元素/组件位于同一个文件夹中时,这种方法就可以工作了,但是在所有文件夹中反复复制和粘贴CSS是不太实际的,所以我希望将样式保留在自己的文件夹中。但是,当我这样做的时候,样式就消失了 导入路径对我来说似乎是正确的,但无论哪种方式

我需要与我的所有聚合物组件共享相同的CSS。从我搜索的内容来看,直接将链接与样式表放在一起是不可取的,核心样式也是如此

所以我试着使用我认为是所谓的风格模块。在一个名为shared-styles.html的单独文件中,我插入了我想要的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或文件夹。但同事们一致认为,问题在于服务器找不到其“作用域”之外的文件夹。我们将使用文件夹的快捷方式进行测试,如果有效,我将稍后发布。