HTML Import webcomponents polyfill not working in firefox

后端未结

关注

 1  1457

I am trying webcomponents in a sample app. Since some of the specs are not included in some browsers, i tried using polyfill for those. In Mozilla firefox, i tried by enabling t

相关标签:

1条回答

暗喜

2021-01-28 20:07
To use, in Firefox, Custom Elements v1 with HTML Imports:
1. Do not activate Firefox flags as the implementation is outdated.
2. Install webcomponentsjs (with bower for example), and include in your main file only htmlimports.min.js file.
3. Install custom-elements (from your link) and include in your main file custom-elements.min.js.
You main page should look like this:
```
<head>
   <script src="htmlimports.min.js"></script>
   <script src="custom-elements.min.js"></script>
   <link rel="import" href="your-components.html">
</head>
<body>
    <your-component></your-component>
```
NB: for step 3, you can also use document-register-element.

You cannot use Custom Elements v1 class syntax with Internet Explorer directly because class is not implemented. You'll need first to transform the source code with a transpiler like Babel.

Alternately, use a modern version (Edge), or use the prototype syntax.
0 讨论(0)
发布评论:

提交评论
- 加载中...