代码之家 › 专栏 › 技术社区 › andylamax

用于firefox的Polyfils 3.0

web-component polymer

andylamax · 技术社区 · 6 年前

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

我试过webcomponents-lite.js(部分工作-不支持es5聚合物)
我试过webcomponents-bundle.js(ddnt work)
我甚至添加了@webcomponents存储库中的es5-adapter.js,它们只是不适用于firefox。它在Opera和Chrome(不需要polyfill)中运行,但在firefox上从未运行过。

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

附言:我很想能够使用这些聚合与反应js,我知道它的可能性,但我不知道如何。有人能告诉我怎么做吗?

2 回复 | 直到 6 年前

Binh Bui 6 年前

好吧,听起来很奇怪。Opera不需要任何聚乙烯填充物,因为它们的所有标准都已经在本地装运。

可以尝试的一件事是制作一个ES6 web组件,并从聚合物捆绑中获得es5web组件。查看官方文件: https://www.polymer-project.org/3.0/toolbox/build-for-production#compile

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

当您将代码编译为ES5时,聚合构建工具会将custom-elements-ES5-adapter.js polyfill注入您的入口点,以便支持ES6的浏览器仍然可以呈现您的ES5代码。

andylamax 6 年前

@平帮了我一把,把我指向正确的方向,这让我看到了下面的火狐polyfills

<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

我希望这能帮助那些来找我的人

推荐文章

Kuba Å imonovský · Templatizer-如何多次渲染同一模板,Polymer 2。十、

6 年前

Riposte · 从单元渲染器迁移Vaadin网格聚合物元素

6 年前

AlexBenoit · 聚合物2条件属性

6 年前

Nikhil Raghavendra · Polymer 2.0数据绑定不工作

6 年前

user3310115 · 如何结合铁计时器和力矩js在聚合物中显示hh:mm:ss格式

6 年前

Yanko Ojeda · 如何在熨斗窗体内重置纸张下拉菜单?

7 年前

Matthew · 如何解决iron ajax响应延迟问题

7 年前

yberg · 使用nginx反向代理服务聚合物PWA

7 年前

Mason · 如何要求服务人员忽略与Polymer中特定URL模式匹配的请求?

7 年前

Yairopro · Web组件未显示

7 年前