Не удалось выполнить 'define' для 'CustomElementRegistry' при использовании ClarityIcons - PullRequest
0 голосов
/ 19 сентября 2018

В моем приложении я хочу использовать ClarityIcons.add() для добавления пользовательского значка.Однако я получаю следующую ошибку:

index.js:402 Uncaught DOMException: Failed to execute 'define' on 'CustomElementRegistry': this name has already been used with this registry
    at Object../src/clr-icons/index.ts (http://localhost:4200/vendor.js:84958:20)
    at __webpack_require__ (http://localhost:4200/vendor.js:84586:30)
    at ./src/clr-icons/clr-icons-api.ts.Object.defineProperty.value (http://localhost:4200/vendor.js:84635:18)
    at http://localhost:4200/vendor.js:84638:10
    at webpackUniversalModuleDefinition (http://localhost:4200/vendor.js:84564:20)
    at Object../node_modules/@clr/icons/index.js (http://localhost:4200/vendor.js:84566:3)
    at __webpack_require__ (http://localhost:4200/runtime.js:84:30)
    at Module../src/app/core/components/core/core.component.ts (http://localhost:4200/main.js:1528:68)
    at __webpack_require__ (http://localhost:4200/runtime.js:84:30)
    at Module../src/app/app.module.ts (http://localhost:4200/main.js:618:94)

Я попытался воспроизвести его в стеке, но там все работало нормально.В других вопросах я читал об удалении package-lock.json и последующей переустановке узловых модулей.Я пробовал это, но у меня все тот же результатЕсть идеи, где может быть ошибка?

1 Ответ

0 голосов
/ 19 сентября 2018

Похоже, вы как-то дважды включили Clarity Icons в свое приложение.Как правило, это может произойти, если вы включите предварительно скомпилированный clr-icons.min.js, а также скомпонуете библиотеку иконок как часть вашего собственного JS-пакета.

Поскольку вы вызываете ClarityIcons.add(), я угадываю вас import { ClarityIcons } from "@clr/icons";,Если вы сделаете это, вы захотите удалить clr-icons.min.js из вашего index.html и следовать разделу «Загрузка API значков и наборов значков в Typescript» в документации: https://vmware.github.io/clarity/icons/clarity-icons

...