C# MVC bundling not working with Angular Elements Web Component

Question

I'm using Angular Elements in C# MVC project.

When I include angular elements build file directly in main.cshtml like <script type="text/javascript" src="~/Script/Angular/artifi-graphics.js"></script> it's working perfectly.

BUT

when I try to add build file in the bundle

bundles.Add(new ScriptBundle("~/bundles/Layout_8_CommonModule")
                .Include("~/Script/Angular/artifigraphics.js")

then the project is not loading.

In console network status of the request is pending and after some time it gets failed.

Possible duplicate of ASP.NET MVC Bundle not rendering script files on staging server. It works on development server — Rahul Sharma
– Rahul Sharma, Commented May 29, 2019 at 10:17
Unlike .NET references, Javascript files need to load based on the order. Angular App should be loaded first, then the related components. You would have to include it in the app file using Include method instead of IncludeDirectory method. — Rahul Sharma
– Rahul Sharma, Commented May 29, 2019 at 10:41

Sunil Kashyap · Accepted Answer · 2019-06-14 09:06:38Z

1

after searching a lot find out C# bundling is not so intelligent to bundle angular production build files which are also merged by node concat library.

so I just added angular bundle into main.cshtml file just like we add scripts.

answered Jun 14, 2019 at 9:06

Sunil Kashyap

2,9842 gold badges17 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

C# MVC bundling not working with Angular Elements Web Component

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related