Chrome 80 полимер TypeError: Невозможно прочитать свойство '__proto__' из null - PullRequest
Новая
       35

Chrome 80 полимер TypeError: Невозможно прочитать свойство '__proto__' из null

0 голосов
/ 10 февраля 2020 
My Chrome is updated to Chrome 80 version.Then My site doesnot work gives below error:
My app use Angular 5,

Моя беседка. json: "webcomponents js": "webcomponents / webcomponentsjs # 0.7.0",

"vendor.bundle. js: 65175 Ошибка ОШИБКИ: Uncaught (в обещании): TypeError: Невозможно прочитать свойство ' proto ' с нулевым значением TypeError: Невозможно прочитать свойство ' proto ' с нулевым значением в s (webcomponents.min. js: 11) на s (webcomponents.min. js: 11) на s (webcomponents.min. js: 11) на s (webcomponents.min. js: 11) на T (webcomponents.min. js: 11) в функции. C [в качестве переноса] (webcomponents.min. js: 11) в новом DomApi (Polymer-Mini. html. js: 645) в Function.DomApi.factory (полимер- mini. html. js: 739) в Function.Polymer.dom (полимер-мини. html. js: 751) в l.toggleClass (полимер. html. js: 1191) в resolPromise (polyfills.bundle. js: 5300) в resolPromise (polyfills.bundle. js: 5257) в polyfills.bundle. js: 5359 в ZoneDelegate.webpackJsonp ../ node_modules / zone.js / dist /zone.js.ZoneDelegate.invokeTask (polyfills.bundle. js: 4907) "

Please help me

1 Ответ

1 голос
/ 10 февраля 2020

API веб-компонентов v0 был удален в Chrome m80: https://developers.google.com/web/updates/2019/12/chrome-80-deps-rems#web_components_v0_removed

Если вы используете элементы Polymer 2.0 в своем Angular приложении, вам нужно HTML Импортирует в импортируйте эти элементы в ваше приложение, но поддержка HTML Imports также была удалена: https://www.chromestatus.com/feature/5144752345317376

Вы сможете использовать их с помощью полифилсов для HTML Imports. которые предоставляются пакетом webcomponents.js https://github.com/webcomponents/polyfills/tree/master/packages/webcomponentsjs

Похоже, этот пакет неправильно связан с вашей конфигурацией веб-пакета, поэтому я бы посмотрел, чтобы исправить вашу проблему.

Вы можете попробовать эти 2 варианта:

Вариант 1: npm + webpack

  1. npm install @webcomponents/webcomponentsjs
  2. Используйте CopyWebpackPlugin, чтобы скопировать нужный файл из node_modules, в который будет выходная папка вашего веб-пакета
  3. Обновить index.html с выходным путем, использованным в шаге 2

Вариант 2: UNPKG

  1. Добавьте https://unpkg.com/@webcomponents/webcomponentsjs@2.0.4/webcomponents-bundle.js к вашему index.html

Я бы остановился rt с опцией 2.

https://github.com/webcomponents/polyfills/issues/63#issuecomment -412302377

...