Solved it by creating an entirely new quasar application with quasar init <project_name> and then pasted in all my important code. If you are running into a similar error try this fix as it generally solves errors especially with legacy quasar applications.

Solved it by creating an entirely new quasar application with quasar init <project_name> and then pasted in all my important code. If you are running into a similar error try this fix as it generally solves errors especially with legacy quasar applications.

Whether I run android, ios, or browser it white screens however it throws no errors and in quasar dev it works perfectly. I’ve repeatedly uninstalled and reinstalled all my packages, deleted src-cordova and re run the command, all to no avail. Any help would be greatly appreciated the repo is at;
https://github.com/Screen-Art-Studios/tripclockmobile

@jeffatef It throws a window.Stripe is not a function error when I change it. Am I importing the package incorrectly or is there a different way to call the Stripe() method within the script?

var app = express();
app.use(function(req, res, next) {
res.header(“Access-Control-Allow-Origin”, “*”)
res.header(“Access-Control-Allow-Headers”, “Origin, X-Requested-With, Content-Type, Accept, Authorization”)
res.header(‘Access-Control-Allow-Methods’, ‘GET, POST, PUT, PATCH, DELETE, HEAD, OPTIONS’)
next()
})
in express this is how we set up our access control headers, I don’t know the specifics for your web server but if you add these headers to both the server that is acting as the proxy and the server which is at localhost:80 it should fix the error.

I am currently attempting to configure the client side portion of stripe.js so I can use its elements feature to collect user payment information. However the client side package is only available via script tag. I’ve tried bringing it in the index.template.html however it always errors as soon as I go to initialize a Stripe client with;
vue.stripe = Stripe(‘pk_live_dMLr0hShLxaZmXesv1buhndd’)
the error is;
Error Stripe is not defined.
I’ve also tried a variety of alternative methods for importing in the package, scriptjs, hand mounting it to the dom in register.vue, all to no avail as it can’t find Stripe and instantiate a client.
here’s the tutorial I’m following;
https://stripe.com/docs/stripe-js
and my code;
https://github.com/Screen-Art-Studios/TimeCrunch/blob/master/src/pages/Register.vue (Line 74-76 & 142-203)
https://github.com/Screen-Art-Studios/TimeCrunch/blob/master/src/plugins/stripe.js
Any help would be a life saver as this is all that is preventing the completion of this app.
update I still am having issues with understanding exactly what is going on but its no longer throwing a Stripe is not defined error once I changed it over to ‘this.$Stripe()’ vs ‘Stripe()’ thinking that would reference the plugin Quasar generated. However now its throwing a stripe.elements is not a function error when;
var stripe = this.$Stripe(‘pk_test_EUZwPeinKym4DDl0d9kMbrOw’)
var elements = stripe.elements()
which is almost exactly what the tutorial prescribes [The only difference being the change from Stripe() to this.$Stripe()]. I’m gonna keep banging my head about this but any clarification on the whole Quasar package thing and / or insight into solving this problem would be a lifesaver.