Material Icons not displaying on Azure hosted Vue/Quasar web app - css

I have a webapp created using Vue and Quasar. In my quasar-user-options.js file I have added the required icon imports.
import '#quasar/extras/material-icons/material-icons.css'
import "#quasar/extras/material-icons-outlined/material-icons-outlined.css";
When developing locally, the icons are displayed fine. It is when the web application is deployed to an Azure App Service when the icons appear as text.
I have attempted to add the required #font-face and googleMaterialIcons.woff2 file as necessary to the application, but am unsure where it should be (or if it's the correct solution at all). Any suggestions/ideas?
Thanks!

The App Service Sandbox will block you from installing custom fonts. The workaround is migrating your app to a container where you can leverage the image to install and configure the custom font.

Related

AdonisJS app style missing or not working after deployment in Heroku

Basically i deployed a new AdonisJS app to Heroku, and the app itself works fine, all the migrations and functions of each controller, model and view work fine, the issue is that the style of the page, the size and the CSS are not showing or working properly. From what i searched, i need to use something called CDN and upload my styles there, but im kinda new in deploying apps, so i wondered if there was any other way to make the styles of the page show properly? I'll annex below the comparisson between the app running locally and the app deployed in heroku.
The first screenshot is from the app runnig locally on my laptop, the one below it is the app deployed on heroku
Any help or insight would be very appreciated, thanks for your time.

NativeScript firebase plugin

I'm developing a mobile app using nativeScript.
When i'm trying to use nativeScript firebase plugin, nativeScript sidekick app gives the following error:
Plugin nativescript-plugin-firebase is not included in preview app on device 7D3433B1-7016-41A1-AAF7-66B7B163BB17 and will not work.
I tried to run it on preview app,
can anyone help with this.?
As the error log confirms, Preview app only works with limited set of plugins. Plugins those do not require native dependencies to be more precise. Hence Firebase plugin can't be used with Preview app, you will actually have to build the project in your local machine if you want to try this plugin.

how to install custom font in azure app service

We are using asp.net web api for converting MS word to pdf which are using custom fonts
and these asp.net web api had to be deployed in azure app service.
How this can be feasible?
Apps deployed in App Service run in a sandbox with limited access to the OS so it's not possible to install fonts as you would do on your desktop. Also, keep in mind that many PDF libraries don't work because they rely on GDI functions that are not available in the sandbox. The solution is to use a VM.

is there a way to build meteor mobile app from build.phonegap.com?

I am new to meteor. I developed mobile application from meteor. Now I wish to build that app from build.phonegap.com site. I feel build.phonegap is easy instead of meteor build
To put it short its not possible to build an app using the phonegap build service.
The reason for this is meteor build does not exclusively build the apk. meteor build also takes your project and builds it up into what would be the /www directory in your phonegap project.
Secondly Meteor doesn't use the original phonegap/cordova build. There is a modification to phonegap so the files in /www are served using an on-device HTTP server at http://meteor.local. This is one of the reasons its not available on WP8, Blackberry, etc. The local webserver sorts out some issues related to routing.
So you would need to use meteor build to build your app.

gruntfile.js issues or minification issues

We are working on developing a website using different APIs naming Firebase, Filepicker etc. Technologies used are Node.js and AngularJS. The project is based on a tool called yeoman, which is a scaffolding tool for web apps. We keep our modules updated through bower and NPM. The website is developed and running fine locally. We are inclined to host the app on Heroku's server and whenever we push the production code the application breaks without any message and the server crashes. I believe there are some issues with Gruntfile.js or minification issues with angular when used with grunt. Please connect me with someone who could guide me to setup the website on Heroku's server. We use heroku toolbelt for windows to push the changes.
There are some known issues with minifying AngularJS app, some of the declarations need to be written in particular way. See this SO answer.
Also, read the docs, scroll down to the part "A note on minification".
I've found this when looking for Heroku + AngularJS issues.
Please also verify compression server settings you are using.

Resources