Angular 2 AOT构建-需求问题

Question

When building my application aot via angular-cli

ie (ng build --aot --prod)

I am receiving the following error:

..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

My component looks like:

@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');
...
}

Is there any workaround available?

Answer 1

I do not think require statements are allowed with AOT compilation. They're unnecessary anyways.

Answer 2

Make this changes so the path is absolute to the application root

The component's template:

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

The component's class:

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