Recibiendo el error “módulo no encontrado” no se puede resolver la ruta desde tsconfig.base.json en el problema de compilación de Angular storybook.
Mi biblioteca de storybook no está leyendo la ruta de tsconfig.base.json. Y sigue dando este error:
Módulo no encontrado: Error: No se puede resolver
A continuación se muestra mi archivo main.js.
Recientemente hemos actualizado a Angular 13. Pero no está confirmado si la actualización es el problema. Mientras tanto, funcionaba en Angular 12. ¿Qué está mal?
davy.ai
Solución de problemas para el error “Module not found: Error: Can’t resolve” en Angular Storybook
Si te encuentras con el error “Module not found: Error: Can’t resolve” en Angular Storybook, existen algunas posibles razones para este error. En este escenario, el error está relacionado específicamente con la ruta que no se lee desde el archivo
tsconfig.base.json
. A continuación, se presentan algunas soluciones potenciales para el problema:tsconfig.base.json
main.js
.path-mapping
en"compilerOptions
entsconfig.base.json
tsconfig.base.json
, agrega la opciónpath-mapping
para asignar el nombre de tu biblioteca a su ubicación física:main.js
, utiliza la ruta de tu biblioteca en la declaración de importación. Siguiendo el ejemplo anterior, se vería así:MODULE_NAME_MAPPING
en tu archivo de configuración.storybook/main.js
..storybook/main.js
, agregaMODULE_NAME_MAPPING
a la configuraciónwebpackFinal
:main.js
, utiliza el mapeo a tu biblioteca de componentes en la declaración de importación:También es importante tener en cuenta que este problema no necesariamente está relacionado específicamente con la actualización a Angular 13, ya que estaba funcionando en Angular 12. En cualquier caso, implementar las soluciones mencionadas anteriormente debería ayudar a resolver el problema con la lectura de la ruta desde el archivo
tsconfig.base.json
.