Question

加载JS文件＆＃34; webcomponentsjs / webcomponents-lite.min.js＆＃34;帮助聚合物在铬上工作，但不在firefox中。

我尝试将以下内容添加到我的application.js文件（rails）。

// = require webcomponentsjs/webcomponents

也尝试了

// = require webcomponentsjs/webcomponents.min

也尝试了

// = require webcomponentsjs/webcomponents-lite.min

与以下JS文件结合使用。

//= require jquery/dist/jquery.min
//= require select2/select2
//= require angular/angular.min
//= require fastclick/lib/fastclick
//= require magnific-popup/dist/jquery.magnific-popup.min

我从凉亭安装所有包裹并在导轨4中使用。

Chrome没有webcomponentsjs就可以正常运行。但是当我添加webcomponentsjs时，chrome会停止显示聚合物元素，而firefox除了不断向我的本地服务器发送请求外，也不会显示元素。

有关如何在Firefox上运行1.0的任何想法？ 0.5工作正常。

具体而言，此代码不呈现：

<paper-input id="bodyinput" name="thetext" type="text" class="searchbar" placeholder="Enter a search term here..." autofocus> </paper-input>

我确保执行以下HTML导入：

<!-- polymer imports -->
<link rel="import" href="/assets/polymer/polymer.html">
<link rel="import" href="/assets/paper-input/paper-input.html">

Answer 1

首先，如果您使用的是Polymer 0.8+，则必须导入webcomponents-lite.js或webcomponents-lite.min.js。在浏览器中检查完毕后，是否在加载页面时收到此文件。不要忘记检查收到的webcomponents文件中的数据，它可以为空。

如果您使用某些自动化工具来构建项目，可能会出现空webcomponents-lite.js文件的问题，例如uglify或其他将js文件转换为min.js文件或使用导入的js文件进行优化的内容。如果存在，请从此任务中排除webcomponents-lite.js文件。

Polymer 1.0不适用于Firefox Stable或Developer Edition

1 个答案: