Я пытаюсь включить веб-компоненты Polymer для Firefox, чтобы я мог перемещаться по своей веб-странице Polymer в Firefox.
Я попробовал эти инструкции, но ничего не изменилось, и похоже, что Firefox полностью игнорирует мои компоненты.
https://www.designedbyaturtle.co.uk/2015/how-to-enable-web-components-in-firefox-shadow-dom/.
Я также импортирую полифиллы webcomponents.js
в свой index.html
.
Итак, я сделал следующее:
Я написал следующий веб-компонент test-firefox.html
в каталоге elements
:
<dom-module name="test-firefox">
<template>
<h2>Firefox says hi too!</h2>
</template>
<script>
Polymer({
is: 'test-firefox'
});
</script>
</dom-module>
а это мой index.html
файл:
<!doctype html>
<html>
<head>
<link rel="import" href="webjars/polymer/1.6.1/polymer.html">
<script src="webjars/webcomponentsjs/0.7.22/webcomponents.js"></script>
<script src="webjars/webcomponentsjs/0.7.22/webcomponents-lite.min.js"></script>
<link rel="import" href="elements/test-firefox.html">
</head>
<body>
<h1>Hello Firefox!</h1>
<test-firefox></test-firefox>
</body>
</html>`
Как видите, вместо bower_components
я использую соответствующий webjars
(для Polymer
, webcomponents.js
, webcomponents-lite.min.js
). Я добавил зависимости для тех, что указаны в моем pom.xml
, и они обычно устанавливаются.
Я заметил, что это происходит довольно странно:
- Для Google Chrome все работает отлично.
- Для Mozilla Firefox в Linux то же самое.
- Для Mozilla Firefox в Win10 веб-компонент не отображается, это похоже на то, что браузер полностью игнорирует его.
Любые идеи?