@quasar/app v2.0.0 released! Major improvements

[rstoenescu]

https://github.com/quasarframework/quasar/releases/tag/%40quasar%2Fapp-v2.0.0

Important! Upgrading to “@quasar/app” v2 requires following a 5 minute guide.

What’s new in v2

• Browser compatibility is now clearer expressed.
• The JS transpilation (with the help of Babel) has been rethought from the ground up (now using core-js v3). It will now transpile based on the Browser compatibility that you configure. It will no longer go transpiling directly to ES5.
• The “modern build” is no longer necessary due to the above. However, if you want to disable transpiling (it’s perfectly equivalent), now you can: quasar.conf.js > build > transpile: false.
• Support for a /public folder which replaces /src/statics. The new folder will allow you to supply static content at the root/app base level, rather than as statics/*. One useful example: robots.txt
• SSR mode now supports a custom publicPath too
• The configured publicPath is now applied to dev mode by default
• Capacitor v2 and Workbox v5 support
• Simpler quasar.conf.js > build > transpileDependencies; it now supports String (auto transforms it to `/node_modules/…’) and Regexes too
• Simpler quasar.conf.js > build > env; you no longer need to JSON.stringify each value (you now must not!)
• Simpler quasar.conf.js > framework config Object; “all” prop has been renamed to “importStrategy” and it allows “all” or “auto” (the default) values; “components” and “directives” are no longer taken into account because you don’t need them
• New param for boot files and preFetch (publicPath); the “redirect()” method now fully supports a Vue Router location Object (on all build modes, on server-side or client-side); preFetch hook now also receive “urlPath” param
• New API method for App Extension’s install script: api.renderFile() #6648
• Upgraded to latest version of Typescript (v3.9.5 as of writing these lines; will also require “quasar” v1.12.6)

Fixes

• fix(app): Auto-import with TS runtime logic - breaks non-lazy loading routes #7194
• fix(app): Don’t include quasar.client-manifest.json in the PWA precache manifest when on SSR+PWA
• fix(app): Differentiate ctx for offline.html (SSR + PWA) #7120
• fix(bex): Don’t minify rendered code #7185

[amoss]

This post is deleted!

[metalsadman]

@amoss be sure to follow the upgrade guide. https://quasar.dev/quasar-cli/app-upgrade-guide#Required-steps

[amoss]

This post is deleted!

[metalsadman]

I’ve not had any problems following the steps. tested on dev and build modes.

[amoss]

This post is deleted!

[metalsadman]

304 are server side error codes if i’m not wrong. https://airbrake.io/blog/http-errors/304-not-modified. well prolly post the error logs here.

[amoss]

This post is deleted!

[amoss]

This post is deleted!

[amoss]

This post is deleted!

[amoss]

I started from the beginning and now it seems to work

[zodd]

Congratulations on the release and the hard work! Thanks for this great framework.
Updating as soon as a few extensions like qenv have caught up

[codenamezjames]

Congratulations! excited to try it out.

Heads up, Qcalendar has an issue with 2.0 but I talked with @Hawkeye64 and he said he is working to get a new version of Qcalendar out the door right now so it probably won’t be an issue by the time your reading this.

[Cris-Malinescu]

Hello folks, FYI my feedback with regard to upgrading quasar/app to v2 and following the steps as described here https://quasar.dev/quasar-cli/app-upgrade-guide.
It went smooth and perfect, congratulations for the great work - rarely one encounters these days a framework major version migration without problems just following
the provided steps - this is effective and efficient time saving, thanks!

[Cris-Malinescu]

@zodd I’m using dotenv - smooth, no issues;

[dannyalder88]

Running quasar upgrade did not work for me so had to yarn install 2.0.0 but everything else went smoothly. I’ve noticed one issue though, importStrategy: 'auto' does not seem to import any Quasar components referenced inside a functional Vue component which means I now have to import all components as I can no longer specify a list of the ones I am using. Is this a limitation of how auto works or is it something that could be fixed?

Great work overall though guys!

[darkkeyper]

This post is deleted!

[metalsadman]

@dannyalder88 import the component/directives locally.

[amoss]

I want to join to the greetings and thanks regarding the hard work, this is not taken for granted. I do want to share my experience with the upgrade. The upgrade itself, went smooth except for

1. quasar upgrade didn’t upgrade quasar/app, only quasar itself. I needed to manually update quasar/app. @dannyalder88 mentioned that as well.
2. Once I deleted node_modules folder and ran npm_install, everything stopped working. quasar dev ran ok, the console tab is empty but in the network tab I see several 101 and 304 status codes (instead of 200) and neither the main layout (app.vue) nor the first page (login) were shown.

Has anyone encounter this? If you’re going to delete node_modules, don’t forget to backup your folder.

[amoss]

I can’t edit my post so here’s the image of what I see