My application works perfectly without angular universal . I display an image before the complete loading of my application(https://medium.com/#tomastrajan/how-to-style-angular-application-loading-with-angular-cli-like-a-boss-cdd4f5358554) but it does not work in anular Universal. It displays nothing. When rendering angular universal the breakpoint hits come too late and i want to avoid that
Angular Universal's entire point is that it will render on the server and not in the browser. So the article you linked in terms of having a loading image while Angular bootstraps won't happen with Universal as it's already "bootstrapped" on the server before it's given to you in the browser.
Another way to think about it is that you can use a loading gif OR use Angular Universal to achieve a similar result of not giving a user a blank screen.
In terms of the second part of your question with breakpoints not being hit. Again this is a quirk with Angular Universal in that because the first page request is rendered on the server, if you are attempting to debug something in the browser it's not going to work as you might first think because the rendering has already happened server side. To debug Angular Universal you need to debug both in browser, and using something like VS Code to debug as a regular NodeJS app. If that sounds like a headache it's because it is. Unless you have a really good reason to use Universal, I wouldn't recommend using it just because you can.
More info :
https://angular.io/guide/universal
https://tutorialsforangular.com/2020/04/04/3-things-they-dont-tell-you-about-angular-universal/
Related
I'm developing on my localhost a new Blazor server-hosted app. I launch the template that it starts you out on... looks very nice. I change the text in the tag, refresh my browser... and no change. I refresh and refresh only to notice no change. Is something wrong?
Then I rebuild and rerun the app again and the change happened. Why do I have to restart the entire server for a small front-end change? I have to do this on every change I make? Even though the changes are for the front-end? If so, then the development experience for MVC apps is way better. I don't have to restart my server for changing the code for the front end.
I know dotnet watch exists, but it doesn't help. It still restarts the server for every change I make for the front-end. I have to wait like 10 seconds for just changing some CSS? Please tell me if I'm doing something wrong, or if this is by design.
Also, I tried the web-assembly version of Blazor. Same results.
I guess you are running the app with the debugger connected? this prevents the recompilation. You need to:
Press Ctrl-F5 to run the app without the debugger.
This should work on Windows using IIS, but on Mac "it's a bit more complex". According to a MSFT representative, they are planning on enabling this functionality for Mac users, but this info is already over a year old (from April 2020).
This issue still happens, and for me is a major downside. It doesn't make any sense to have to recompile entire project just because I changed some text on a page. If this is a design choice, it's doomed! Can't have a designer dependent on developers to recompile whenever a small change is required on simple html! Even if you change an element style you have to recompile!
I am looking to pinch/zoom images in an Ionic PWA. I can build PWA’s which work for zooming (the whole window zooms) when opened in a browser, but as soon as I save to Standalone mode this becomes disabled I assume this is due to the metadata provided when creating standalone mode.
I’ve tried the ionic-img-viewer plug-in and it doesn’t help.
I don’t know where else to go with this.
Thanks for any pointers
Shane
I converted my website to an APK and it installs fine - the problem is that when trying to scroll up or down - the page sticks and the page refreshes to a page not available - the live site works perfect.
Try to use momentum scrolling. I don't know exactly what can cause your issue, but
Android 3+ and iOS 5+ implemented a new property called overflow-scrolling that enables momentum scrolling. And it works beautifully.
Look here: http://www.mobify.com/blog/beginners-guide-to-perceived-performance/
Hope that helps.
I was using a service from GoNative that packages mobile web sites into APKS - kind of a wrapper to allow mobile sites to function like apps. One of the configuration options was to use "web pool" services that cached pages to allow for faster processing - I deleted that feature and the site/app works fine.
When you get a script error somewhere in your SPA code, entire app becomes totally unresponsive and you cannot navigate to any other pages(views). It seems durandal just freezes! (only way out is to hit refresh to start SPA again)
What are some good ways to handle these unhandled exception scenarios in Durandal SPA?
Thoughts?
Thanks!
My experience is to use Chrome as main tool for debugging since I find the tools easiest to use. However, now and then Durandal reports that an error has occured. Not where or why it just stops and hangs as you describe. Then I try the same in Firefox with the Firebug plugin. Then the browser usually stops the code at the correct place.
I assume that you have activated debug mode in your main.js?
I'm currently working on a project that renders emails in HTML format to a Silverlight 5 app. The app is intended to be viewed via a web browser and not an 'Out of browser' app. The WebBrowser control was initially used, but I'm having issues with it. A message stating that IE needs elevated permissions and such. After reading how to properly implement the WebBrowser control by signing the .xap file and installing certificates it seems to work when I run it locally, but when I publish to the server (Windows Server 2008), it doesn't seem to work.
I tried to implement an alternative I found -> http://blogs.msdn.com/b/delay/archive/2007/09/10/bringing-a-bit-of-html-to-silverlight-htmltextblock-makes-rich-text-display-easy.aspx, but that didn't seem to work as the HTML I'm trying to render has many tags not supported in that example.
I also took a look at the Frame control http://msdn.microsoft.com/en-us/library/system.windows.controls.frame(v=vs.95).aspx but not sure if that would solve my problem either.
So if anyone can guide me into the right direction of either how I can get the WebBrowser control to work when pushed to the server or perhaps another alternative it would be greatly appreciated.