"Element name could not be inferred" error in Firefox with Polymer 1.x

Question

I'm updating a little Polymer element to 1.x. It works fine in Chrome and Safari, but in the latest Firefox I get several "uncaught exception: Element name could not be inferred." errors.

Seems to be related to the html imports, because if I remove everything from the component.html except for the imports, then the errors still occur.

In the index.html I have this:

<script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="src/element.html">

In the element.html this:

<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/iron-input/iron-input.html">
<link rel="import" href="../bower_components/iron-ajax/iron-ajax.html">
<link rel="import" href="../bower_components/iron-icons/iron-icons.html">
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">

[EDIT] - Somehow the errors disappeared. I suspect due to either a Firefox or Polymer update.

Answer 1

Clear your browser cache to solve the problem.

Answer 2

install polymer#^1.1.0 which resolved to 1.7.0 it works for me