Question

Heyo，我在自定义聚合物元素<link rel="stylesheet" src="test.css" />中使用<template></template>时遇到问题。我已经导入并加载了与使用聚合物相关的所有东西。尝试加载外部样式表时出现的错误如下：

未捕获TypeError：无法调用未定义styles.js的方法'cacheStyles'：38

当我尝试加载如下样式表时会发生此错误：

- @import "test.css";
- @import url(test.css);
- @import url("test.css");
- @import url("http://localhost/misc/test.css");
- @import url(http://localhost/misc/test.css);
- @import "http://localhost/misc/test.css";
- <link rel="stylesheet" src="http://localhost/misc/test.css" />
- <link rel="stylesheet" src="test.css" />

加载外部样式表的所有上述方法都失败并出现上述错误。有人有任何建议我还可以尝试吗？

PS：当我将其硬编码到自定义元素中时，它可以工作但我想为元素添加超过500行的CSS，因为它是我正在开发的多级推送菜单

干杯，Gbeschbacher

Answer 1

这听起来与https://github.com/Polymer/polymer/issues/441相同。

不幸的是，凉亭0.2.1版本错误指向使用了Polymer / platform 0.1.4而不是0.2.1，其中cacheStyles API发生了变化。

我修复了错误的bower依赖项，但我不得不修改版本标记，而且试图在其间进行更新的任何人都会有一个错误的副本。

解决方案是删除bower_components，再次运行bower cache clean，然后再删除bower install。

很抱歉这个混乱。

带有聚合物的HTML5 Web组件 - 在模板中加载外部样式表

1 个答案: