2015-02-20 4 views
2

Я использую Polymer в одном из моих веб-проектов. На странице index.html, я включил скрипт и включить теги следующим образом:Полимер не работает на Firefox

<link rel="import" href="bower_components/core-item/core-item.html"> 
<link rel="import" href="bower_components/paper-button/paper-button.html"> 
<script src="scripts/jquery.min.js"></script> 
<link href="styles/css" rel="stylesheet" type="text/css"> 
<link rel="stylesheet" type="text/css" href="styles/mycss.css"> 

В body теге, я использую paper-button следующим образом:

<paper-button class="blue-ripple" role="button" tabindex="0">Hello</paper-button> 

Это рендеринга в Chrome (40.0.2214.111 м), но стиль рябины не работает в Firefox (35.0.1). Я проверил консоль и, похоже, не было конфликтов или предупреждений или ошибок.

+0

ли вы когда-нибудь решить эту проблему? – socca1157

ответ

0

В третьем link тэги href указать на styles/css.
Это может быть проблема.

+0

Он отображает некоторые стили веб-сайта. Разоблачение этого не повлияло на результат. –

2

Вам нужно загрузить polyfills:

<script src="bower_components/webcomponentsjs/webcomponents.min.js"></script> 

См https://www.polymer-project.org/docs/start/platform.html

+2

Благодарим за отзыв. Я попытался добавить webcomponents.min.js, но в результате появилось много исключений консоли, брошенных в браузере. –

+0

В частности, я получаю эту ошибку 'TypeError: this.each не function' на линии 824' prototype.js' Функциональный блок вокруг этой линии идет 'функция о (е, т) { var n = []; this.each (функция (r, i) {// строка 824 if (e.call (t, r, i)) n.push (r) }); return n } ' –

Смежные вопросы