Angular 5.x | ERROR TypeError: Cannot read property 'speed' of undefined

[kapiladiyecha]

This error occurred Without AoT [During ng serve]

Compiled without errors, but IDE shows error:

When jumped to the page, where the content placeholder placed, it throws the following error:

Versions using:

"ngx-content-loading": "0.0.9-rc1"
"@angular/core": "^5.2.6"
"@angular/cli": "^1.7.1"

[Gbuomprisco]

Are you sure you're importing the module?

[kapiladiyecha]

Yes, I'm sure. I've imported module, the first error can be fixed by importing CUSTOM_ELEMENTS_SCHEMA & adding the namespace for svg

Ref: https://stackoverflow.com/questions/39428132/custom-elements-schema-added-to-ngmodule-schemas-still-showing-error

Ref: angular/angular#7216

But, for the second error, the reason is that not able to get content in the package, that's why it's throwing Can not read property 'speed' of undefined.

[Gbuomprisco]

Can you post an online demo for this

[kapiladiyecha]

Thanks for the quick response.

Here is the demo with the same error:
Plunker: https://embed.plnkr.co/TqWCp8HWQ2cm8urnaoPB/
[you can open the console and check error]

Zip file with a fresh simple angular-cli project: ngx-content-loading-demo.zip

[sippaprut]

I got same error on angular 4

[Gbuomprisco]

Can you try v 0.0.8? It will still not work with AOT, see the other issue open in this repository for details

[kapiladiyecha]

Yes @Gbuomprisco, it's working with v 0.0.8.
Thanks for such a nice plugin.
Waiting for AoT support. I'll try to fix bug with the current version and will update here.

[Gbuomprisco]

I'm awaiting for news on that as well :)

[kapiladiyecha]

Hi @Gbuomprisco ,

I reopened this because of Cannot read property 'speed' of undefined issue.
As #2 (AoT support) fixed. Can it be fixed in the latest version?

Thanks

[Gbuomprisco]

Can you please post the component controller code? From the error content is undefined

[kapiladiyecha]

As per my understanding, we do not suppose to add anything to controller file right?
We just need to import it to the module and add directives to template (HTML) file.

I've already uploaded the code in earlier comments.

You can check this: Plunker: https://embed.plnkr.co/TqWCp8HWQ2cm8urnaoPB/

Zip file with a fresh simple angular-cli project:

ngx-content-loading-demo.zip

[Gbuomprisco]

I wanted to check the property "content". It seems undefined. "Cannot read property 'speed' of undefined". Which in the tempate is referenced by content.

[kapiladiyecha]

If you see this image, Line number 17,
here speed property used in the ngx-content-loading, which is causing this problem.

[Gbuomprisco]

Can you show me what content is?

[hatem20]

@kapiladiyecha you solved the problem?

[kapiladiyecha]

No @hatem20 , it is not solved yet.

@Gbuomprisco , content is coming from this plugin, I just followed the given steps to import this, and just tried predefined placeholders without any other custom code.

And it is throwing the same error.

I'm not able to understand what else I can share, if you create the fresh project with angular-cli, angular 5.x you may face the same issue.

I already have attached one sample project in previous comment.

Thanks

[hatem20]

thanks alot @kapiladiyecha
@Gbuomprisco i think this issue should not be closed

[kapiladiyecha]

@Gbuomprisco Can you please reopen this issue?