typescript - Código de Angular con mal olor "O elimina esta importación o agrégala como dependencia." al usar una interfaz que escribí. ¿Cómo puedo hacer que mi código cumpla con esto?

Soy nuevo en el desarrollo de interfaces de usuario, así que perdóname si esto no es Angular. Estoy usando Angular 8 y TypeScript aquí. De todos modos, creé un modal emergente que quiero usar en todo mi sitio web. Se ve genial, pero cuando lo conecto a mis componentes así

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

Mi canal de integración/entrega continua (CI/CD) de SonarQube dice: "O bien elimina esta importación o añádela como una dependencia. Las dependencias deben estar explícitamente listadas en el archivo package.json. Importar un módulo que no está declarado como dependencia lo convierte en implícito y seguramente generará problemas." ¿Qué significa esto? ¿Cómo puedo usar mi ventana emergente correctamente para que cumpla con esta regla?

Respuesta #1

Intenta agregar './' a tu ruta de importación: './src/app/modals/pop-...'. Sin eso, podría interpretarse como una importación de dependencia (es decir, desde node_modules) en lugar de una importación del sistema de archivos.