Селектор "new-selector" не соответствует ни одному элементу

Question

Мне нужно изменить имя селектора (селектор: «app-root») в app.component.ts на другое имя.

Пусть это будет селектор: 'новый селектор'.

Показывает,

Ошибка: «селектор« новый селектор »не соответствует ни одному элементу»

Когда имя селектора изменилось, какие файлы будут затронуты? Как решить?

Answer 1

Изменения, которые должны быть сделаны:

HTML:

<app-root> to <new-selector>

Component.ts:

@Component {
  selector: 'new-selector'    //change here from app-root to new-selector 
 }

Надеюсь, что помогло !!, если нет, поделитесь рабочим примером на stackblitz

Answer 2

Если вы измените имя селектора app.component.ts

тогда вам нужно изменить его в index.html

from  <app-root> </app-root>
to    <new-selector> </new-selector>