Quasar v2 - Packaging the app causes a CSS minimizer error - electron

I have just recently upgraded my applications to Quasar v2. When I tried building an Electron package though, I get an error with the Css Minimizer plugin:
App • DONE • "Renderer" compiled with errors • 83231ms
App • ERROR • Renderer in css/vendor.css
css/vendor.css from Css Minimizer plugin
TypeError: Cannot set properties of undefined (setting 'attribute')
at C:\Users\mememe\Desktop\NodeJS\branches\wc_mememe\Electron\app-dev\rsa-ecc-certificate-tool\css\vendor.css:115:1
at Object.attribute (C:\Users\mememe\Desktop\NodeJS\node_modules\postcss-minify-selectors\dist\index.js:48:34)
at C:\Users\mememe\Desktop\NodeJS\node_modules\postcss-minify-selectors\dist\index.js:186:27
at C:\Users\mememe\Desktop\NodeJS\node_modules\postcss-minify-selectors\node_modules\postcss-selector-parser\dist\selectors\container.js:176:26
at Selector.each (C:\Users\mememe\Desktop\NodeJS\node_modules\postcss-minify-selectors\node_modules\postcss-selector-parser\dist\selectors\container.js:159:22)
at Selector.walk (C:\Users\mememe\Desktop\NodeJS\node_modules\postcss-minify-selectors\node_modules\postcss-selector-parser\dist\selectors\container.js:175:21)
at C:\Users\mememe\Desktop\NodeJS\node_modules\postcss-minify-selectors\node_modules\postcss-selector-parser\dist\selectors\container.js:179:31
at Root.each (C:\Users\mememe\Desktop\NodeJS\node_modules\postcss-minify-selectors\node_modules\postcss-selector-parser\dist\selectors\container.js:159:22)
at Root.walk (C:\Users\mememe\Desktop\NodeJS\node_modules\postcss-minify-selectors\node_modules\postcss-selector-parser\dist\selectors\container.js:175:21)
at Processor.func (C:\Users\mememe\Desktop\NodeJS\node_modules\postcss-minify-selectors\dist\index.js:178:19)
at Processor._runSync (C:\Users\mememe\Desktop\NodeJS\node_modules\postcss-minify-selectors\node_modules\postcss-selector-parser\dist\processor.js:84:30)
I followed the upgrade guide to v2 but I may have missed something. Any suggestions on what can I check to get past this error?
I also get the same error when I try building it for PWA.
Versions that I am using:
NodeJs - 16.13.1
Global packages
NPM - 8.1.2
yarn - Not installed
#quasar/cli - 1.2.2
#quasar/icongenie - Not installed
cordova - Not installed
Important local packages
quasar - 2.3.4 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
#quasar/app - 3.2.5 -- Quasar Framework local CLI
#quasar/extras - 1.12.2 -- Quasar Framework fonts, icons and animations
eslint-plugin-quasar - Not installed
vue - 3.2.24 -- The progressive JavaScript framework for buiding modern web UI.
vue-router - 4.0.12 -- > This is the repository for Vue Router 4 (for Vue 3)
vuex - 4.0.2 -- state management for Vue.js
electron - 16.0.4 -- Build cross platform desktop apps with JavaScript, HTML, and CSS
electron-packager - 15.2.0 -- Customize and package your Electron app with OS-specific bundles (.app, .exe, etc.) via JS or CLI
electron-builder - Not installed
#babel/core - 7.16.0 -- Babel compiler core.
webpack - 5.65.0 -- Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.
webpack-dev-server - 4.6.0 -- Serves a webpack app. Updates the browser on changes.
workbox-webpack-plugin - 4.3.1 -- A plugin for your Webpack build process, helping you generate a manifest of local files that workbox-sw should precache.
register-service-worker - 1.7.2 -- Script for registering service worker, with hooks
typescript - 4.4.2 -- TypeScript is a language for application scale JavaScript development
#capacitor/core - Not installed
#capacitor/cli - Not installed
#capacitor/android - Not installed
#capacitor/ios - Not installed
Quasar App Extensions
*None installed*
Any help will be very much appreciated.
Thanks!

Related

How do I create instance of V8JSEngine on MacOS without Kernal 32? React.net SSR

I'm using sever side rendered react front end on a .net core MVC webapp.
I just switched over to IOS. When I tried debugging my project. I received the following errors:
DllNotFoundException: Unable to load shared library 'kernel32' or one
of its dependencies JsEngineLoadException: Failed to create instance
of the V8JsEngine. See the original error message: “Unable to load
shared library 'kernel32' or one of its dependencies.
Bassed on This issue, It seems like IOS doesn't have the package that the react script is looking for.
Is there an easy way to have V8JsEngine be less OS dependent, or set a development config for V8 to have it talk to the correct OS package?
React.Sample.Webpack.CoreMvc#1.0.0 build
webpack 4.43.0
node v16.19.0
npm 8.19.3
node v8 9.4.146.26-node.24
I tried running brew install v8.
It apparently installed v8--11.0.226.13.arm64_ventura.bottle.tar.gz, but I'm not sure how to check which version of v8 the SSR webpack is using.

I've problem with electrron-vue and I need a solution

I've installed electron-vue to use vue with electron-app. When I wrote the following command npm run dev an error was shown to me, I found listing directory instead of the LandingPage.
The electron-vue is not being updated at this time. (currently, electronic version 2.x)
There's a boilerplate that I forked the electron-vue and updated all the modules with the latest modules. The use method is the same and we have added the ui framework and css-precessor.
Electron 5
Vue-CLI 3
Babel 7
Vue 2.6
css-preprocessor
Sass
Less
Stylus
UI Framework
Quasar 1.x
Vuteify 2.x
We recommend you try it.
https://github.com/kdydesign/vue-electron5

Convert packaged Atom Electron OSX app to IOS

I have a relatively simple node application:
- built on Electron
- using an SQLite database
- successfully packaged as a OSX application
Are there any tools out there for converting/re-packaging my Electron OSX app to iOS?
Am I correct in understanding that Phonegap is not a like-for-like replacement for Electron?
Cheers everyone/anyone!
Sam
It really depends on how deep your Electron app is bound to Electron specific API. Those specific API comprises Node and Electron functions. Those specific Electron functions (for example application menu) will be something you have to manually migrate. So the steps would be:
Create new Cordova app in iOS. Cordova web site has detailed instructions.
Copy your html/js/css content from Electron app and hook on Cordova bootstrapper
Replace Electron specific API to something pure web
Replace Node functions with possibly NPM analogous modules
Note:some Node API won't be available from Cordova app, for example file system API.

Meteor server methods not working on iOS simulator or xCode

I am having an issue with the server methods not working on my Meteor app. I run:
meteor run ios-device
and get an xCode project, but the server side methods don't work. When I run the simulator:
meteor run iOS
the server side methods don't work either.
The server methods work fine in my browser. Why?
The packages that I have installed are:
accounts-facebook 1.0.4 Login service for Facebook ac...
accounts-google 1.0.4 Login service for Google acco...
accounts-twitter 1.0.4 Login service for Twitter acc...
cordova:com.google.cordova.admob 2.7.4
cordova:org.apache.cordova.inappbrowser 0.5.1
fourseven:scss 2.1.1 Style with attitude. Sass and...
http 1.1.0 Make HTTP calls to remote ser...
iron:router 1.0.7 Routing specifically designed...
meteor-platform 1.2.2 Include a standard set of Met...
meteoric:ionic 0.1.17 Ionic components for Meteor....
meteoric:ionic-sass 0.1.9 Ionic's CSS Framework in SASS...
meteoric:ionicons-sass 0.1.6 Ionic's Ionicons library in S...
service-configuration 1.0.4 Manage the configuration for ...
u2622:persistent-session 0.3.3 Persistently store Session da...
urigo:angular 0.8.4 The simplest no-conflict way ...

netbeans - plugins require HTML Editor Library to be installed

I am attempting set up Netbeans 7.1 as my RoR editor. When trying to install plugins I get the following error:
Some plugins require plugin HTML Editor Library to be installed. The
plugin HTML Editor Library is requested in version >= 1.21 (release
version 1) but only 2.0.1 (of release version different from 1) was
found. The following plugin is affected:       
Embedded Ruby (RHTML)
I looked for this HTML plugin so I could install it but I can't seem to find it anywhere.
It seems that the Ruby on Rails plugin has some problem (i.e. does not support) Netbeans 7.1 and 7.2. But it works with version 6.9 and 7.
Reference: http://plugins.netbeans.org/plugin/38549/ruby-and-rails
If I'm not wrong this is the lovely 207075 from the bugtracker: https://netbeans.org/bugzilla/show_bug.cgi?id=207075
In fact there's a workaround for this issue:
http://blog.enebo.com/2012/01/workaround-for-ruby-support-on-netbeans.html
good luck.
If you want to install it on a newly downloaded Netbeans (7.1 in my case), you should first go to Tools > Plugins, select Updates Tab and install the updates. Then, after restart, you'll go to the mentioned above Plugins, and now you will able to install all the required updates (HTML Editor will be among them.)
Lastl thing, as #skripted already mentioned, just install the plugin by following the instructions on this page.

Resources