Ошибка угловых элементов. "Не удалось создать 'HTMLElement'

Я пробую очень простое приложение для угловых элементов на stackblitz, и у меня возникает следующая проблема.

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

Все, что я пытаюсь сделать, это показать привет, мир. У меня не было проблем с визуальным кодом локально, однако эта проблема возникает на stackblitz. Не уверен, что мне нужно выполнить некоторые дополнительные шаги в stackblitz, чтобы запустить это приложение. Ценим любую помощь в этом.

Вот ссылка на приложение на stackblitz.


angular custom-element stackblitz
person Malik    schedule 27.05.2018    source источник
comment
добавьте этот адаптер unpkg.com/@webcomponents/webcomponentsjs/   -  person Fateh Mohamed    schedule 27.05.2018
comment
проверьте этот github.com/stackblitz/core/issues/475   -  person Fateh Mohamed    schedule 27.05.2018
comment
хорошо, что это сработало!. Большое спасибо .   -  person Malik    schedule 27.05.2018
comment
Возможный дубликат Не удалось построить "HTMLElement"   -  person Supersharp    schedule 28.05.2018
comment
@FatehMohamed, но как я могу добавить файл в stackblitz?   -  person Sasuke Uchiha    schedule 31.08.2020

Ответы (4)


arrow_upward
8
arrow_downward

Понижение версии document-register-element до версии v1.8.1 решило эту проблему.

npm i [email protected]

Работай на меня.

Кр. https://github.com/angular/angular/issues/24390#issuecomment-396729418

person bamossza    schedule 08.10.2018

arrow_upward
2
arrow_downward

Если кто-то столкнулся с проблемой и хочет по-прежнему ориентироваться на ES5 (для совместимости с IE или по другим причинам), другое разумное решение — использовать полифиллы адаптера ES5 для веб-компонентов.

# Install the package
npm install @webcomponents/webcomponentsjs --save-dev

# Then add the following line in Polyfills.ts
import '@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js';

Из этой проблемы GitHub.

person Arghya C    schedule 14.06.2020

arrow_upward
1
arrow_downward

Для тех, у кого возникла эта проблема, просто измените target на es6 или es2015 в файле tsconfig.json. Это будет работать отлично.

person Suraj Khanal    schedule 04.10.2019

arrow_upward
0
arrow_downward

Поскольку angular 8 имеет целевую версию, так как es2015 обеспечивает дифференциальную загрузку и в конечном итоге будет иметь разные файлы сборки для версий es5 и es2015.

Если вышеуказанное не требуется, идеальным решением будет понижение версии [email protected].

Любая версия >=1.7.2 ‹=1.8.1 должна работать.

person Sasi Kumar M    schedule 19.05.2020