Экспорт и импорт из index.ts

Question

Я работал над угловым проектом и столкнулся с этой очень специфической проблемой. Я создал отдельный модуль для макетов, логина и панели инструментов. При входе в систему я хочу очень конкретный макет, поэтому я сделал это

import { LoginLayout } from '../layouts/login-layout/login-layout.component'; // this works
import { LoginLayout } from '../layouts'; // this doesn't work

import { 
 loginRoute,
 resetPasswordRoute
} './'; 

const LOGIN_ROUTES = [loginRoute, resetPasswordRoute];

export const loginRoute: Routes = [
 path: '',
 component: LoginLayoutComponent,
 children:  LOGIN_ROUTES
]

и я экспортирую макет входа из index.ts в layouts как

...
export * from './login/login-layout/login-layout.compenent';

Я не могу понять, почему один работает, а другой нет Он даже не показывает никаких ошибок

Answer 1

При сравнении структуры папок вашего импорта, которая работает с экспортом в файле index.ts, есть дополнительная папка ./login/. Может быть, это дополнительный компонент с другим именем, которое вы экспортируете.

import { LoginLayout } from '../layouts/login-layout/login-layout.component'; // this works

index.ts

export * from './login/login-layout/login-layout.compenent';

1012 * редактировать *

Это структура папок, которую я предполагал.

├──dashboard
├──layouts
│     ├──index.ts
│     └──login
│            └──login-layout
│                    login-layout.component.ts 
└──login
      └──somefile-with-import.ts