Angular 2 aot build - 需要问题

Question

通过angular-cli构建我的应用程序

即。 （ng build --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');
...
}

是否有可用的解决方法？

Answer 1

我认为AOT编译不允许使用require语句。反正他们是不必要的。

Answer 2

进行此更改，使路径对应用程序根目录是绝对的

组件的模板：

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

组件的类：

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