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';

编辑

这是我应该使用的文件夹结构。

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

从index.ts导出和导入

1 个答案: