References errors Element, MouseEvent... not defined

[antonbarada]

it occurs when using third-party plugins (etc ng2-bootstrap, angular2-masonry, clipboard).
There are errors such "Element, MouseEvent... not defined" when application run on server

[PatrickJS]

this is because those are browser only types that

[hongbo-miao]

@thebarada for ng2-bootstrap, please track this issue valor-software/ngx-bootstrap#964, it should be solved soon

[antonbarada]

@gdi2290 @hongbo-miao
ok, thnx!

[hongbo-miao]

@thebarada no problem, you can create an issue on angular2-masonry if you meet the problem

[crebuh]

@thebarada

I experienced the same issue, but then I was wondering why to import the Ng2BootstrapModule on the server side?

[scott-wyatt]

@crebuh because it wouldn't really be isomorphic if you couldn't... However, the dirty work around is in the docs. You can load any module and have browser side pick one side and node pick the other, however that leaves you with having to shim up module by module which also really defeats the point. There is some promise in the new createGlobalProxy but it still pretty far off from shimming all browser functions.

[antonbarada]

@crebuh do you mean that I should not import bootstrap on server?
but how I will use bootstrap components on server side?
in this case, when rendering will be errors about unknown components

[MarkPieszak]

Use ng2bootstrap @thebarada, it doesn't use jQuery or anything and should work.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}