Multiple directives [myPopup, myDraggable] asking for new/isolated scope

Question

I wrote a directive for dialogs (myPopup) and another one for dragging this dialog (myDraggable), but I allways get the error:

Multiple directives [m

Answer 1

my error was similar:

Error: [$compile:multidir] Multiple directives [groups, groups] asking for new/isolated scope on:

In my case I had duplicate declaration of

 .component('groups', new GroupsComponent()); 

in app.js/app.ts file

and at the same time on the component itself

const groups = angular.module('groups', ['toaster'])
.component('groups', new GroupsComponent());

Removing it from app.js/app.ts fixed the issue.