2017-02-09 13 views
0

При создании моего приложения AOT с помощью углового клиУгловое 2 АОТ сборки - требуют выпуск

т.е. (нг построить --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

Кажется, что он вообще не работает, потому что путь относится к базовому url, то есть ответ является ожидаемым GET http: // localhost: 4200/logo.png 404 (Not Found) – kazanDipi

 Смежные вопросы

  • Нет связанных вопросов^_^