Angular 4ビルドエラー：シンボル値を静的に解決する際にエラーが発生しました

Question

新しいバージョンを導入するためにAngular CLI（v1.0.0）、Angular（v4.0.2）、関連パッケージを以前に動作していたng2アプリケーションにアップグレードしました角材の変化を破るには、いくつかの他のエラーと戦った後、私は、ビルドにこれに残されています：

ERROR in Error encountered resolving symbol values statically. Only initialized variables and constants can be referenced because the value of this variable is needed by the template compiler (position 15:22 in the original .ts file),

resolving symbol ROUTES in /path/node_modules/@angular/router/src/router_config_loader.d.ts,

resolving symbol makeRootProviders in /path/node_modules/ui-router-ng2/lib/uiRouterNgModule.d.ts,

resolving symbol UIRouterModule.forRoot in /path/node_modules/ui-router-ng2/lib/uiRouterNgModule.d.ts,

resolving symbol AppModule in /path/src/app/app.module.ts,

resolving symbol AppModule in /path/src/app/app.module.ts

ERROR in ./src/main.ts Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfactory' in '/path/src' @ ./src/main.ts 5:0-74 @ multi ./src/main.ts

が、私はエラーが（app.module.tsで）私のUIRouterの設定を必要とすることを信じて、私は本当によわからない：

imports: [ 
    BrowserModule, 
    FormsModule, 
    HttpModule, 
    MaterialModule.forRoot(), 
    FlexLayoutModule, 
    UIRouterModule.forRoot({ 
     states: [ 
      homeState, 
      buttonsState, 
      colorState, 
      fontsState, 
      iconsState, 
      logosState, 
      messagingState, 
      typographyState 
     ], 
     useHash: false 
    }) 
], 

最初のエラーが解決されたときに2番目のエラーが消滅すると思われます。私はUIRouterModule設定を返す関数を作成しようとしましたが、それは役に立たなかった。援助が高く評価されました

Answer 1

問題はインポートステートメントであると思います。任意の輸入は@angular/routerない'@angular/router/src/router_config_loader'からでなければなりません

import { ROUTES } from '@angular/router/src/router_config_loader';

：それはあなたのようなあなたの.tsファイルのいずれかにROUTESをインポートしようとしているように見えます。おそらくあなたのIDEがあなたのために定数を自動インポートしたのですが、間違ったパスが使用されました。

私はthis SO answerによって解決された同様の問題を抱えていました。