2017-02-09 64 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

函數調用,添加一個引用到一個功能 –

+0

你能給我提供一個片段嗎?我嘗試創建一個新組件,並執行如下操作:export var logo = require('./ logo.png');但它也沒有效果。 – kazanDipi

回答

0

我不認爲要求聲明是允許與AOT編譯。無論如何它們都是不必要的

+0

根據錯誤日誌,它們確實不被允許。如果它們是不必要的,如何將圖像綁定到img src屬性? – kazanDipi

0

將這個變化如此之路徑是絕對的,以應用程序的根

組件模板:

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

組件的類:不支持

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

它似乎根本不起作用,因爲路徑與基礎網址相關,即響應是預期的GET http:// localhost:4200/logo.png 404(Not Found) – kazanDipi