Javascript 聚合物组件Shady DOM样式只是对生产的注释

我追踪这个错误已经有一段时间了。在开发方面，一切都运转良好，但当推到Heroku进行生产时，情况并非如此。我在后端使用sails，但这不是问题，因为这是客户端问题。最糟糕的是，它一直在工作，几天前才坏掉。追溯我的退步并没有找到原因

长话短说的图片可能会有帮助，以防有人看到过这一点

在生产环境中加载应用程序时，这些错误开始显示“

这是令人困惑的，因为我在开发时没有在本地得到这一点。在过去遇到js concat和minification的问题时，我将其关闭用于生产。仍然存在相同的错误。然后我注意到生产和开发负责人之间的差异：

制作：

发展

接下来，我检查了我在初始页面中添加的聚合物组件的链接。生产和开发都是相同的：

接下来，我尝试使用

polymer.Base.importHref（'/vendor/paper checkbox/paper checkbox.html'）

动态导入聚合物组件。导入后，添加到头部的阴影DOM样式对于生产和开发是不同的

制作：

发展：

最后，当我用

document.createElement（'paper-checkbox'）

创建了一个paper-checkbox元素时，在开发过程中，本地工作正常。在生产过程中，错误与以前一样：

---

我被困在这里。如果有人以前看到过这一点，并对此有见解，我将不胜感激。

我已经解决了这个问题，但可能还有另一个问题需要用Polymer检查。在我的多次部署中，我在一个构建日志中注意到，Polymer安装的版本号与我在

bower.json

文件和本地系统。次要版本从1.3.1跳到1.4.0。My

bower.json

使用^而不是~。^允许更改除最左边版本号以外的所有版本号，~只允许更改修补程序级别

原始

bower.json

：

新建

bower.json

：

我想我会试一试。一旦我部署了polymer 1.3.1，我的网站就可以恢复运行了。希望这对将来的人有所帮助