Angular запах кода "Либо удалите этот импорт, либо добавьте его как зависимость." при использовании интерфейса я написал. Как я могу сделать свой код совместимым?

Question

Я новичок в разработке пользовательского интерфейса, так что простите, если это не angular. Я использую Angular 8 и машинопись здесь. В любом случае я создал всплывающий мод, который я не хочу использовать на своем сайте. Это выглядит великолепно, но когда я подключаю его к своим компонентам, как это

import { IPopUpOptions, IPopUpButton } from 'src/app/modals/pop-up-modal/pop-up-options-interface';

Мой конвейер CI / CD SonarQube говорит: «Либо удалите этот импорт, либо добавьте его в качестве зависимости. Зависимости должны быть явно указан в пакете. json файла. Импорт модуля, который не объявлен как зависимость, делает его неявным и неизбежно создает проблемы. " Что это значит? Как правильно использовать всплывающее окно, чтобы оно соответствовало этому правилу?

Answer 1

Попробуйте добавить './' в путь импорта: './src/app/modals/pop-...'. Без этого его можно рассматривать как импорт зависимостей (т. Е. Из node_modules), а не как импорт файловой системы.