问题标签 [vulcanize]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何在聚合物中实现误差跟踪?
Polymer 中是否有错误跟踪方法?
问题是显然 vulcanize 和 polybuild 过程无法提供任何源映射(如果我错了,请纠正我)。这意味着即使我将使用全局window.onerror
函数在硫化 java 脚本代码中捕获异常,我也无法将其映射回来并在源文件中找到错误的实际位置。
任何解决方案/解决方法将不胜感激。
polymer - Vulcanize - polymer.js 是从哪里导入的?
我在下面有一个imports.html
页面,我正在硫化。
奇怪的是……通常在我的index.html
我有
<link rel="import" href="bower_components/polymer/polymer.html">
……这不在imports.html
。但是当我硫化时imports.html
,不知何故它被包含在内,我必须<link rel="import" href="bower_components/polymer/polymer.html">
从我的index.html
. 否则,我会得到
polymer.html
当我硫化时来自哪里imports.html
?因为它不在imports.html
.
javascript - JS 错误导致 gulp 更脆
在编写聚合物元素时,我使用 vulcanize 和 gulp 从 html 文件中提取 js。但是,如果 js 中出现错误,则 vulcanize 将无法完成,并且会中断构建过程。我的理解是, vulcanize 只是将脚本标签中的所有内容移动到一个新文件中,然后可以对其进行 linted,但这表明情况并非如此。有谁知道解决这个问题?
polymer - Vulcanize 无法解析到 web-animation.js 的链接
硫化 1.14.7
我正在尝试在项目中使用 paper-dropdown-menu。在导入到我的 index.html 中的 components.html 文件上使用 vulcanize。Vulcanize 可以正确连接除 web-animations.js 文件之外的所有适当文件。我在浏览器控制台中收到以下错误。
此错误源于硫化文件。
就在不透明动画的定义之上
我正在使用以下配置对 gulp 进行硫化
config.paths.dist 是我的 dist 目录,webComponentIndex 当然是捆绑的输出文件,它可以正确捆绑除此动画文件之外的所有内容。如果我正确理解了这个过程,那么该 animations.js 文件应该与其他所有内容一起连接,但它没有这样做。
javascript - Vulcanize 产生重复的脚本
我创建了两个 Polymer 自定义元素。他们都使用moment.js。所以我在两个元素中都引用了它,例如:
<script src="../../bower_components/moment/min/moment.min.js"></script>
我使用 vulcanize 生成单个导入文件 element.html。问题是 moment.js 的内容在硫化文件中出现了两次。这个对吗?有没有办法避免它?
node.js - Polymer Web 组件捆绑
我正在使用 node/express 开发 Web 应用程序。我目前正在使用内部使用 mincer ( https://github.com/nodeca/mincer ) 的 connect-assets ( https://github.com/adunkman/connect-assets )来管理 css、js 资产。是否可以扩展到使用 vulcanize 管理捆绑聚合物组件?任何有关如何使这项工作的指导都受到高度赞赏。
javascript - 未捕获的类型错误:使用聚合物硫化后无法读取未定义的属性“修剪”
我的应用程序基于Polymer-PSK+和ES2015
. 使用我的分布式应用程序版本,我将收到以下错误:
Uncaught TypeError: Cannot read property 'trim' of undefined (elements.js line 5832)
其原因是由于 Polymer paper-input-container-underline 元素的“缺失”属性,请参阅:
由于以下原因,分配properties[m[1]]
失败(m[2] || m[3]).trim();
:
m[2] = ""
and m[3] = undefined
任何提示如何解决这个问题以及如何使用我的应用程序的分布式版本?
html - Firefox 不加载聚合物硫化文件
我知道 firefox 不支持 HTML 链接导入,但如果我包含 webcomponents 库,它应该可以工作。无论哪种方式,它都不起作用,firefox不会抛出任何错误,但它拒绝加载硫化html文件中的任何文件
没有办法在 firefox 上导入 HTML 文件?我可以使用不同的方法解决这个错误吗?
html - 我是偏执狂吗?Vulcanize 之后“残酷”的大型 Polymer 网站。我能做些什么来修复它?
也许我是偏执狂。我总是喜欢让我的代码尽可能的精简。我总是将我的网站的目标定在 1.5 MB 以下(所有图像都经过适当压缩和调整大小(。我在考虑可以从 Bootstrap 中减少 150 KB 和从 jQuery 中减少 90 KB 之前的一个月开始使用 Polymer,并拥有一个相对轻量级的地点。
我刚刚硫化了我的 elements.html 文件,我吓坏了。这只野兽是 947KB,没有图像,只有 HTML 和 JS。我有大约 40 个自定义元素 + 几个元素目录(我什至还没有接近创建新元素)。(GZip 是 947KB 中的 307.40 KB)(使用 ASP.NET MVC5 和 .NET 4.6)。
使用常规 3G 连接,加载 Chrome 52 大约需要 5.15 秒(这很糟糕)。Polymer Shop 演示的加载速度非常快(在常规 3G 中从冷缓存不到 3 秒)
首先,这是可以接受的吗?我试图在 3 秒标记之前击中(或尽可能接近它)。
此外,有许多 JavaScript 文件正在加载,我不需要这些文件是 Vulcanize 的一部分。
我看过这个要点:硫化和聚合物自动延迟加载,但我不知道如何处理它。
这些是我的 elements.html 文件的导入:
然后我所有的自定义元素(pgarena)都内置了更多的聚合物组件。
我尝试了几种组合(仅使用我的元素)和(仅使用显示的聚合物元素)并且我得到了不同的结果(如预期的那样)
我不知道该怎么办...在诉诸骇人听闻的东西之前...有什么建议吗?
javascript - 减少 Polymer 1.X 应用程序的加载时间
我有一个 Polymer 应用程序,我想找到最简单的方法来减少加载时间。
该应用程序在线(虽然它完全未完成):http ://www.entertainers.biz/
目前,加载时间是地质问题。
我试过polymer build
了,但只得到了边际改进。问题是获取应用程序是 219 个请求(219 个!)。
理想情况下,我会将两个主要文件(my-main.html 和 my-app.html)变成静态文件。我尝试了硫化,当我尝试硫化其中一个时,整个事情基本上停止了工作。
另一种方法是创建一个文件,其中包含my-app 和 my-main 在导入方面所需的所有内容(仅包含那些),然后包含这些内容的硫化版本,以便它们成为一个调用(大约 1Mb) .
我错过了一些完全明显的东西吗?