在index.ts中自动排序导出使应用程序崩溃

Question

每次在共享文件夹中生成内容时，index.ts文件都会被重新构建，导出会按字母顺序排列。对我来说，这似乎打破了依赖关系。手动更改顺序，以便在具有依赖项的类再次工作之前导出依赖项。

import { Injectable } from '@angular/core';
import { CanActivate, Router, ActivatedRouteSnapshot } from '@angular/router';
import { Observable } from 'rxjs/Observable';

import { AuthService, User } from './';

@Injectable()
export class AuthGuard implements CanActivate {

    constructor(private accountService: AuthService, private router: Router) { }

    canActivate(next: ActivatedRouteSnapshot): Observable<boolean> {
        let result = this.accountService.currentUser.first().map(user => user != null);

        let route: any[] = ['/login'];

        if (next.url.length) {
            route.push({ redirectUrl: next.url });
        }

        result.subscribe(isLoggedIn => {
            if (!isLoggedIn) {
                this.router.navigate(route);
            }
        });

        return result;
    }
}

和app/shared/account.service.ts:

import { Injectable } from '@angular/core';
import { Observable } from 'rxjs/Observable';
import { BehaviorSubject } from 'rxjs/BehaviorSubject';

import { User } from './';

const LOCAL_STORAGE_KEY = 'currentUser';

@Injectable()
export class AuthService {
  private currentUserSubject: BehaviorSubject<User>;

  constructor() {
    this.currentUserSubject = new BehaviorSubject<User>(this.getUserFromLocalStorage())
    this.currentUserSubject.subscribe(user => this.setUserToLocalStorage(user));
  }

  logIn(userName: string, password: string) : Observable<User> {
    this.currentUserSubject.next({
      id: userName,
      userName: userName,
      email: userName
    });

    return this.currentUser.first();
  }

  logOut() {
    this.currentUserSubject.next(null);
  }

  get currentUser(): Observable<User> {
    return this.currentUserSubject.asObservable();
  }

  private getUserFromLocalStorage(): User {
    let userString = localStorage.getItem(LOCAL_STORAGE_KEY);

    if (!userString) {
      return null;
    }

    return JSON.parse(userString);
  }

  private setUserToLocalStorage(user: User) {
    if (user) {
      localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(user));
    }
    else {
      localStorage.removeItem(LOCAL_STORAGE_KEY);
    }
  }

}

这不起作用：

export * from './auth.guard';
export * from './auth.service';

未处理的promise拒绝：错误：无法解析'AuthGuard'的所有参数（未定义，路由器）。确保所有参数都用Inject修饰或具有有效的类型注释，并且'AuthGuard'用injectable修饰。

export * from './auth.service';
export * from './auth.guard';

"@angular/common": "^2.0.0-rc.2",
"@angular/compiler": "^2.0.0-rc.2",
"@angular/core": "^2.0.0-rc.2",
"@angular/forms": "^0.1.0",
"@angular/http": "^2.0.0-rc.2",
"@angular/platform-browser": "^2.0.0-rc.2",
"@angular/platform-browser-dynamic": "^2.0.0-rc.2",
"@angular/router": "^3.0.0-alpha.7",
"bootstrap": "^3.3.6",
"es6-shim": "0.35.1",
"moment": "^2.13.0",
"ng2-bootstrap": "^1.0.17",
"reflect-metadata": "0.1.3",
"rxjs": "5.0.0-beta.6",
"slideout": "^0.1.12",
"systemjs": "0.19.26",
"zone.js": "0.6.12"

DevDependencies：

"angular-cli": "1.0.0-beta.6"

Answer 1

这是一个以桶为单位的出口订单问题。在这里的angular repo中有报道:https://github.com/angular/angular/issues/9334

有三种变通办法：

更改顺序，以便模块依赖项列在其依赖项之前。

export * from './auth.service';
export * from './auth.guard';

import { AuthService } from './auth.service';
import { User } from './';

更改typescript编译器选项以编译为SystemJS格式而不是CommonJS格式。这是通过将tsconfig.json的compileroptions.module从commonJS更改为system来实现的。

请注意，在更改该配置时，需要将所有组件装饰器的moduleid属性从module.id更新为__modulename，并在typings.d.ts中声明如下：

declare var __moduleName: string;

此模块格式不是Angular-CLI工具（由Angular团队创建的官方构建工具）中的默认格式，因此可能不推荐或不支持。

注意：我个人对任何变通办法都不满意。