2017-02-09 3 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 컴파일시에 require 문을 사용할 수 없다고 생각합니다. 그들은 어쨌든 불필요합니다. 이 변경

+0

오류 로그에 따르면 실제로 허용되지 않습니다. 불필요한 경우 이미지를 img src 속성에 어떻게 바인딩 할 수 있습니까? – kazanDipi

0

만들기 때문에 경로는 응용 프로그램 루트에 절대

구성 요소의 템플릿 :

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

구성 요소의 클래스 :

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

경로가 기본 URL과 관련되어있어 응답이 예상되는 GET http : // localhost : 4200/logo.png 404 (찾을 수 없음)에 있기 때문에 전혀 작동하지 않는 것 같습니다. – kazanDipi