Error deploying vue app using any type of deployment - vue.js

I have only deployed a couple small apps before and I am still newer to deploying apps in general.
I created this app by following a course and have recently finished the project. The course did not provide instructions on how to deploy the app. I have used Firebase hosting a couple times and am also somewhat familiar with Heroku. Regardless, it all seems pretty straight forward after following documentation.
I first tried Firebase hosting since that is what I am most familiar with. Spent some time with that with no luck, then tried heroku, then netlify, then NOW. Every single one of them had issues without any real information on them.
NOW says deployement failed with no logs.
Firebase hosting doesn't seem to be logging any errors, it builds a blank page.
Netlify says page not found after deployment and Heroku was something similar.
I am 100% open to getting this simple app deployed using any approach at all (preferably the easiest one).
Since I am following documentation and there doesn't seem to be any errors being logged, I'm completely stumped and am not sure what to do.
I realize I might not be providing the most helpful information to solve this issue, although I do have my full repo here:
https://github.com/SIeep/austin-pizza
Would anyone be kind enough to look over my repo and see what the issue might be? Or even point me in the right direction?
Please let me know if I need to provide any additional information.
Thanks!

missing entry file or file path problem ?
Try to find out which stage the problem is at first.
Compare this and last successful Firebase Configuration(dependency path),
Compare this and the last build dist file (not detail code,just File structure)
compare webpack.config.js
(app can run well locally,so i think it wouldn't because of the problem with the app's own code)

Related

How can I deploy my Phaser 3 game using firebase Hosting

I have been messing with Phaser 3 lately and would like to upload my game on a website. I know firebase offers hosting which is free so I wanted to try that out. I successfully setup everything on the firebase side using the firebase-cli. My phaser project uses a webpack config. When I test my phaser game locally using "firebase serve" it doesnt load the phaser code at all. On the other hand it works perfectly with "yarn dev". Has anyone had any experiance deploying a phaser app on firebase hosting? I did some reasearch but didnt really find out much about that topic. Any help is appreciated.
I setup firebase hosting with firebase-cli but when testing the game locally via firebase-serve the website doesnt load anything related to phaser.
EDIT: Also I get no errors whatso-ever which makes this even more confusing
Make sure you upgrade firebase to the blaze plan, which doesn't charge you but allows one to use third party libraries, otherwise it won't function because firebase will inherently block your third party requests api requests. the blaze plan will require a credit card or debit card on file, but if one is careful one should for all intents and purposes be able to operate free or close to free for a very long time.
firebase deploy --only hosting
firebase deploy --only functions
I found a solution to my Problem. Basically, I had set up my webpack wrong. For anyone looking to get into Phaser 3 Development, I'd suggest you check out Yannick's template that works with phaser+webpack+typescript. Here is the link: https://github.com/yandeu/phaser-project-template . It also is pretty up-to-date which is awesome!

WebApplication crashes on some clients after update

I amb developing a web application with the frontent using typescript and vue, and the backend using spring. All deployed into a machine with tomcat9.
For some reason, everytime I update the application my boss calls me days later stating that the application stoped working. I then go check, but works fine for me, ask me boss to clear cache site and then it works for him to.
I dunno why, but this always happends to my boss and not me.
At first I thought this was happening cause I wasn't updating the version on the package.json file. But this doesn't solved the problem.
Any hint on what I can do to avoid this behaviour? Any workarounds would also be appreciated. As a developer I don't mind clearing the cache but our clients....

How can I fix vue router issue in a CloudFront environment?

I'm currently working on Vue 2 app hosted on S3 and served through CloudFront. With my routing mode set to history, things weren't working properly upon initial deployment.
However, I was able to fix that by adding redirection rules to my CF distribution:
Things were working fine, but now for whatever reason, that stopped working, I'm getting a HTTP 403 on all pages/paths I try to visit. The only difference between then and now is that my app has more pages/paths. Nothing else has changed. Here's a sample response header:
It's few and far in between, but there have been a couple of instances when I've gotten HTTP 404. The puzzling part is that the pages/paths load up fully, but not all the stylings get applied. For example, a fully bolded 12-sentence paragraph might display only 4 sentences as bolded.
Initially, I thought there was an issue with CF, but I have tried everything I could think of and talked with AWS Support, but nothing has come of that so far.
My next guess is that this may be a routing issue, but I'm not sure what to try. The routing issues I've faced in the past revolve around pages/paths not loading up at all so this is new territory for me, and I have not the slightest idea where to begin my troubleshooting efforts.
Has anyone faced a similar issue in the past? If so, how did you fix it?
So it turns out, the issue originated from the way I was setting up Tailwind.
Instead of setting things up myself, I just pointed to Tailwind's CDN and the issue was resolved.
The version of Tailwind I was using was a bit old, so it could have been a dependency issue as well.

How to recognize programmatically that application is installed vs development mode?

I'm trying to get information about license info of my app and MSDN docs (http://msdn.microsoft.com/en-us/library/windows/apps/hh694065.aspx) advice to use Windows.ApplicationModel.Store.CurrentAppSimulator class for that purposes during development/testing and when submitting app to store replace that class with Windows.ApplicationModel.Store.CurrentApp.
I wonder if there is any way to check in code (javascript in my case) if app is already installed from store so my code should use proper class and I won't have to remember every time I submit update of app to store to replacing those classes properly.
As far as I know, I could not find such thing. In fact, LicenseInfo is what provides information about the store listing.
I use a config.js file to keep settings at place which change between development and production. For example - if your app talks to a service, service URL also will likely change between development and production; the service might be running at localhost for development and for production in azure environment. I keep a bool in here and change by hand.
I have not automated it fully. but it is likely possible. need to dig through the msbuild logs for the build created for the store. if there is configuration setting found, then project can have two config.dev.js and config.release.js and msbuild need to conditionally pick the right file. I haven't looked into this yet.
I think I found at solution as described here WinJS are there #DEBUG or #RELEASE directives? . Not ideal, but works for me.

Team Foundation Server reporting stops refreshing after adding a CMMi repository

I have this problem and did not find in the site a case like mine.
Here is the thing.
I created a TFS 2008 with the scrum template (Conchango). It was a clean install (a fresh OS, a fresh SQL Server, a fresh machine, etc…). So everything worked like a charm.
I created 3 Scrum repositories, assigned permissions, uploaded files and so on… 3 teams started working on them, and everything was super!
Up to this point the server only had 3 scrum repositories and nothing else.
Then, I had to create a new repository, but with the CMMi template (the one provided with TFS).
Again everything works (the Sharepoint site, the source control, documents..) … BUT…. Reports stopped refreshing!!!
Does anybody know how to fix it?
Any help will be really appreciated
Should you need more info please let me know
Found someone with the same problem, reports do stop working after adding CMMI project :)
The following link has an explaination of how to fix it:
http://blog.salvoz.com/2008/01/26/TFSWarehouseIssues.aspx
First of all, you didn't create a new repository. You created a new team project.
Secondly, the trick is to go find out why the reports stopped refreshing! There's no well-known bug, "reports stop refreshing when adding a CMMI Team Project: here's what to do". You'll need to go look on the database tier server and see if there are any problems listed in the event logs or the SQL Server logs. Then track it down.
I had one situation where Analysis Services crashed, restarted and crashed again - because I hadn't set up operator notification. It's necessary to look, in order to see.