适用于firefox的Polymer 3.0 Polyfils

适用于firefox的Polymer 3.0 Polyfils,polymer,web-component,Polymer,Web Component,我正在使用firefox 52.3.0,并计划使用web组件Polymer 3.0进行开发。我正在寻找在firefox中工作的polymer 3.0 polyfil 我试过webcomponents-lite.js部分工作-不支持es5 我试过webcomponents-bundle.js ddnt workd 我甚至从@webcomponents repositories添加了es5-adapter.js,它们只是不适用于firefox。它适用于Opera和Chrome,它们不需要polyfi

我正在使用firefox 52.3.0,并计划使用web组件Polymer 3.0进行开发。我正在寻找在firefox中工作的polymer 3.0 polyfil

我试过webcomponents-lite.js部分工作-不支持es5 我试过webcomponents-bundle.js ddnt workd 我甚至从@webcomponents repositories添加了es5-adapter.js,它们只是不适用于firefox。它适用于Opera和Chrome,它们不需要polyfill,但在firefox上永远不需要

我知道youtube完全建立在聚合物上,我甚至可以访问它,在我的mozila firefox中检查元素,这告诉我有一个polyfil可以工作。我根本找不到它


PS:我希望能够将这些聚合关系用于react js,我知道这是可能的,但我不知道如何实现。有人能告诉我怎么做吗?

好的,听起来很奇怪。而且Opera不需要任何polyfill,因为它们的所有标准都已在本地发布

您可以尝试的一件事是制作一个ES6Web组件,并从聚合捆绑中获取ES5Web组件。查看官方文件:

聚合物3.x和聚合物元素用ES6编写,也称为ES2015。要允许旧浏览器呈现您的应用程序,请将代码编译为ES5

当您将代码编译到ES5时,Polymer构建工具将把custom-elements-ES5-adapter.js polyfill注入您的入口点,这样支持ES6的浏览器仍然可以呈现您的ES5代码


@平帮助我并为我指出了正确的方向,这让我进入了firefox页面,如下所示

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Template Polymer 3.0 App">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta name="theme-color" content="#fff">
  <script src="./node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js" async></script>

是的,只有webcomponents-loader.js我希望这能帮助前来查看的人

为什么webcomponents-bundle.js不起作用?顺便说一句,Polymer 3没有webcomponents-lite.js polyfill。为什么Firefox需要es5 polyfill?Firefox本机支持ES5。Firefox似乎只支持ES6 web组件,而不支持ES5。这就是为什么我需要一个polyflil。是的,webcomponents-bundle.js不适用于Firefox52,但在Opera中运行良好。那么,你能指导我使用哪种填充胶吗?我保证我会把我的测试放在一边,按照你给出的每一个指南来检查我下面的答案。这很有趣,因为webcomponents-loader.js和webcomponents-lite.js如果同步加载,功能基本相同。只有异步加载时,它们的行为才会不同。在这里查看README.md。无论如何,我很高兴能帮上忙。当然,医生也这么说,我还想,医生说这几乎是一样的,但是嘿。。。我不是谷歌的开发者。少校,谢谢