javascript - polymer 组件 Shady DOM 样式只是对生产的注释

Question

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

长篇故事短图片可能会有所帮助，以防有人以前看过这个。

在生产环境中加载应用程序时，这些错误开始出现”

这很令人困惑，因为我没有在本地开发中得到这个。过去在 js concat 和缩小方面遇到过问题，我在生产中将其关闭。还是同样的错误。然后我注意到生产主管和开发主管之间的区别:

生产:

开发

接下来，我检查了我在加载时为初始页面动态添加的 polymer 组件的链接。两者的生产和开发都是相同的:

接下来，我尝试使用Polymer.Base.importHref('/vendor/paper-checkbox/paper-checkbox.html')动态导入 polymer 组件。导入后，添加到头部的 shady DOM 样式对于生产和开发来说是不同的

生产:

开发:

最后，当我使用 document.createElement('paper-checkbox') 创建 paper-checkbox 元素时，本地开发工作正常。在生产中，错误和以前一样:

我被困在这里了。如果有人以前见过这个并且有洞察力，我很感激。

Answer 1

我已经解决了这个问题，但可能还有另一个问题需要与 Polymer 一起检查。在我的多次部署中，我注意到其中一个构建日志中为 Polymer 安装的版本号与我的 bower.json 文件和本地系统中的版本号不同。小版本从 1.3.1 跃升至 1.4.0。我的 bower.json 使用 ^ 而不是 ~。 ^ 允许更改除最左边版本号之外的所有版本号，而 ~ 只允许更改补丁级别。

原始bower.json:

新bower.json:

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