Prerender does not work with templateUrl or styleUrls

[manekinekko]

@jongood01 has reported this issue in the universal-starter

Components that have separate html and css files and reference them via templateUrl and styleUrls do not prerender but client-side still loads i.e. this doesn't work:

@Component({
  selector: 'app',
  templateUrl: 'path/to/my/template.html',
  styleUrls: ['path/to/my/stylesheet.css'],
})
But this does:

@Component({
  selector: 'app',
  template: `
<div>Here is my template</div>
`,
  styles: [`
   .classy {
        background: red;
   }
`],

see issue here: angular/universal-starter#43

[Bhushan001]

@manekinekko has this issue been resolved?

[PatrickJS]

it shouldn't be resolved. the issues is that on the server the url needs to be a full url

[jesussobrino]

I was getting crazy before I read this issue. I'm subscribing waiting for news.
Thanks for a great work.

[creaux]

Hah, exactly. Webpack seems to be the solution in the meantime.

On 16 Mar 2016, at 12:29, Jesús Sobrino notifications@github.com wrote:

I was getting crazy before I read this issue. I'm subscribing waiting for news.
Thanks for a great work.

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub

[Bhushan001]

@gdi2290 i tried using full url as templateUrl: 'http://localhost/app/app.component.html' but no success.

[helenitvn]

Try using this instead @Bhushan001:
templateUrl: '/app/app.component.html'

[Bhushan001]

@helenitvn @gdi2290 I tried templateUrl: 'app/app.component.html'
after that I was getting this error:
EXCEPTION: Failed to load app/app.component.html ngOnInit Error: Failed to load app/app.component.html Async Error: Failed to load app/app.component.html ngOnStable Error: Failed to load app/app.component.html preboot Error: Failed to load app/app.component.html Rendering Document Error: Failed to load app/app.component.html ngOnRendered Error: Failed to load app/app.component.html

[helenitvn]

@Bhushan001: Could you show me your project structure?

It works in my case.

[Bhushan001]

@helenitvn in case of normal angular2 app it works.but I am trying to use it with universal-starter