2017-02-09 14 views
0

を経由して自分のアプリケーションのAOTを構築角度-CLI角度2 AOTビルド - 必要な問題

すなわち(ngの構築--aot --prod)

私は次のエラー受け付けております:

..app>ng build --prod --aot 
10% building modules 2/2 modules 0 active Error encountered 
resolving symbol values statically. Calling function 'require', 
function calls are not supported. Consider replacing the function 
or lambda with a reference to an exported function, resolving symbol 
appComponent in ..app.component.ts, resolving symbol AppComponent 
in ..app.component.ts 

私のコンポーネントは次のようになります。

@Component({ 
selector: 'app-component', 
template: ` 
... 
<div class="centered"> 
    <img [src]="logo"> 
</div> 
.... 
`, 
styles: [require('./app-component.component.css')] 
}) 

export class LoginComponent { 

private logo = require('./logo.png'); 
... 
} 

利用可能な回避策はありますか?

+0

関数呼び出しはサポートされていません。

<div class="centered"> <img src="{{logo}}"> </div> 

コンポーネントのクラスは、関数へ –

+0

スニペットを私に提供できますか?私は新しいコンポーネントを作成して、次のようなことをしようとしました:export var logo = require( './ logo.png');それはどちらもうまくいかなかった。 – kazanDipi

答えて

0

私はrequire文がAOTコンパイルでは許されないと思います。彼らはとにかく不必要です。

+0

エラーログによれば、実際には許可されていません。それらが不必要な場合は、イメージをimg src属性にどのようにバインドできますか? – kazanDipi

0

これがそうパスはコンポーネントのテンプレートアプリケーションルート

に絶対に変更してください:参照を追加し、

private logo = '/images/logo.png'; 
+0

パスがベースURLに関連している、つまり応答が期待されるGET http:// localhost:4200/logo.png 404(見つからない)のため、パスがまったく機能しないようです。 – kazanDipi