Как я могу получить веб-компоненты для компиляции с TypeScript для IE11 / Edge / Chrome / Firefox? - PullRequest
Новая
       7

Как я могу получить веб-компоненты для компиляции с TypeScript для IE11 / Edge / Chrome / Firefox?

0 голосов
/ 04 февраля 2019

Настроив веб-проект для использования TypeScript / WebPack, я не могу заставить Google Chrome запустить результат:

enter image description here

Ошибка гласит: "Uncaught TypeError: Не удалось создать 'HTMLElement': используйте оператор 'new', этот конструктор объекта DOM нельзя вызвать как функцию."

Я узнал, что прокладкатребуется для переноса в ES5, но я все еще не могу заставить это работать.Вероятно, это потому, что я не хочу добавлять элемент в HTML, но вместо этого я хочу import "../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle"; в моих .ts файлах.

Как я могу заставить это работать без добавления элементы моих HTML-файлов?

Я взял tsconfig.json и webpack.config.js файлы из этого урока .

1 Ответ

0 голосов
/ 04 февраля 2019

Вот решение: 

npm install @webcomponents/webcomponentsjs --save-dev

import "@webcomponents/webcomponentsjs/webcomponents-bundle";
import '@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js';

...

Насколько я вижу, это работает гладко на Chrome, Firefox, Edge и IE11.

...