Describe the bug
quasar dev -m electron fails to compile by not finding multiple core-js/modules/es6.* dependencies.
To Reproduce
Steps to reproduce the behavior:
quasar create testprojectcd testprojectquasar mode add electronquasar ext add @quasar/icon-geniequasar dev -m electron ERROR Failed to compile with 104 errors 10:49:47 PM
These dependencies were not found:
* core-js/modules/es6.array.iterator in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/lang.js and 9 others
* core-js/modules/es6.function.name in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/icon-set.js and 2 others
* core-js/modules/es6.number.constructor in ./node_modules/quasar/src/components/btn/QBtn.js, ./node_modules/quasar/src/components/drawer/QDrawer.js and 8 others
* core-js/modules/es6.object.assign in ./node_modules/quasar/src/ssr-update.js, ./node_modules/quasar/src/components/btn/QBtn.js and 4 others
* core-js/modules/es6.object.freeze in ./node_modules/quasar/src/install.js
* core-js/modules/es6.object.keys in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/lang.js and 9 others
* core-js/modules/es6.object.to-string in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/lang.js and 10 others
* core-js/modules/es6.regexp.replace in ./node_modules/quasar/src/body.js, ./node_modules/quasar/src/components/btn/QBtn.js and 3 others
* core-js/modules/es6.regexp.split in ./node_modules/quasar/lang/en-us.js, ./node_modules/quasar/src/components/icon/QIcon.js and 2 others
* core-js/modules/es6.regexp.to-string in ./node_modules/quasar/src/utils/colors.js
* core-js/modules/es6.string.fixed in ./node_modules/quasar/src/components/drawer/QDrawer.js, ./node_modules/quasar/src/components/header/QHeader.js
* core-js/modules/es6.string.includes in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/ssr-update.js and 5 others
* core-js/modules/es6.string.starts-with in ./node_modules/quasar/src/components/icon/QIcon.js, ./node_modules/quasar/src/utils/colors.js
* core-js/modules/es6.symbol in ./node_modules/quasar/src/ssr-update.js, ./node_modules/quasar/src/components/btn/QBtn.js and 3 others
* core-js/modules/es7.array.includes in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/ssr-update.js and 5 others
* core-js/modules/es7.object.get-own-property-descriptors in ./node_modules/quasar/src/ssr-update.js, ./node_modules/quasar/src/components/btn/QBtn.js and 3 others
* core-js/modules/web.dom.iterable in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/lang.js and 9 others
To install them, you can run: npm install --save core-js/modules/es6.array.iterator core-js/modules/es6.function.name core-js/modules/es6.number.constructor core-js/modules/es6.object.assign core-js/modules/es6.object.freeze core-js/modules/es6.object.keys core-js/modules/es6.object.to-string core-js/modules/es6.regexp.replace core-js/modules/es6.regexp.split core-js/modules/es6.regexp.to-string core-js/modules/es6.string.fixed core-js/modules/es6.string.includes core-js/modules/es6.string.starts-with core-js/modules/es6.symbol core-js/modules/es7.array.includes core-js/modules/es7.object.get-own-property-descriptors core-js/modules/web.dom.iterable
Expected behavior
Compiles without errors.
Platform (please complete the following information):
$ quasar info
Operating System - Linux(4.15.0-91-generic) - linux/x64
NodeJs - 13.12.0
Global packages
NPM - 6.14.4
yarn - 1.22.4
@quasar/cli - 1.0.5
cordova - Not installed
Important local packages
quasar - 1.9.12 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
@quasar/app - 1.6.1 -- Quasar Framework local CLI
@quasar/extras - 1.6.1 -- Quasar Framework fonts, icons and animations
vue - 2.6.11 -- Reactive, component-oriented view layer for modern web interfaces.
vue-router - 3.1.6 -- Official router for Vue.js 2
vuex - 3.1.3 -- state management for Vue.js
electron - 8.2.0 -- Build cross platform desktop apps with JavaScript, HTML, and CSS
electron-packager - Not installed
electron-builder - Not installed
@capacitor/core - Not installed
@capacitor/cli - Not installed
@capacitor/android - Not installed
@capacitor/ios - Not installed
@babel/core - 7.9.0 -- Babel compiler core.
webpack - 4.42.1 -- 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 - 3.10.3 -- 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.1 -- Script for registering service worker, with hooks
Quasar App Extensions
@quasar/quasar-app-extension-icon-genie - 1.1.3 -- A Quasar CLI Extension for Making All Your Icons
Solved by running npm install --dev [email protected] as described by @hawkeye64 in #6458
Improvement Suggestion: Do not close this issue until the build configuration or the official documentation is fixed. Reason: The dev command fails as described in the reproduction steps is broken (at least on my end).
Hi,
Please do not use unstable Node releases. Always use the LTS version (which is currently Node v12). There is an issue that is currently pending with Node v13 which creates lots of problems.
try to remove icon genie extension
https://forum.quasar-framework.org/topic/5146/solved-core-js-issue/12
@rstoenescu thanks! It would be useful to describe in the documentation the compatible node versions.
Currently the minimum version is shared, but not the maximum:
# Node.js >= 8.9.0 is required.
@nikolayhg - Done.
Scott
@smolinari Awesome! Thanks!
I tried with NodeJs 12.16.1 and receive the same error as in original post. Quasar Info:
$ quasar info
Operating System - Linux(4.15.0-91-generic) - linux/x64
NodeJs - 12.16.1
Global packages
NPM - 6.13.4
yarn - 1.22.4
@quasar/cli - 1.0.5
cordova - Not installed
Important local packages
quasar - 1.9.14 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
@quasar/app - 1.6.2 -- Quasar Framework local CLI
@quasar/extras - 1.6.4 -- Quasar Framework fonts, icons and animations
vue - 2.6.11 -- Reactive, component-oriented view layer for modern web interfaces.
vue-router - 3.1.6 -- Official router for Vue.js 2
vuex - 3.1.3 -- state management for Vue.js
electron - 8.2.1 -- Build cross platform desktop apps with JavaScript, HTML, and CSS
electron-packager - Not installed
electron-builder - Not installed
@capacitor/core - Not installed
@capacitor/cli - Not installed
@capacitor/android - Not installed
@capacitor/ios - Not installed
@babel/core - 7.9.0 -- Babel compiler core.
webpack - 4.42.1 -- 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 - 3.10.3 -- 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.1 -- Script for registering service worker, with hooks
Quasar App Extensions
@quasar/quasar-app-extension-icon-genie - 1.1.3 -- A Quasar CLI Extension for Making All Your Icons
Also upgraded to @quasar/cli - 1.0.6 but same results, here are all outputs:
$ quasar create testq
___
/ _ \ _ _ __ _ ___ __ _ _ __
| | | | | | |/ _` / __|/ _` | '__|
| |_| | |_| | (_| \__ \ (_| | |
\__\_\\__,_|\__,_|___/\__,_|_|
? Project name (internal usage for dev) testq
? Project product name (must start with letter if building mobile apps) Quasar App
? Project description A Quasar Framework app
? Author nikolayhg <[email protected]>
? Pick your favorite CSS preprocessor: (can be changed later) Sass
? Pick a Quasar components & directives import strategy: (can be changed later) Auto import
? Check the features needed for your project: ESLint
? Pick an ESLint preset: Standard
? Cordova/Capacitor id (disregard if not building mobile apps) org.cordova.quasar.app
? Should we run `npm install` for you after the project has been created? (recommended) yarn
Quasar CLI Β· Generated "testq".
[*] Installing project dependencies ...
yarn install v1.22.4
info No lockfile found.
[1/5] Validating package.json...
[2/5] Resolving packages...
warning Resolution field "@babel/[email protected]" is incompatible with requested version "@babel/parser@^7.9.0"
warning @quasar/app > node-sass > [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
warning @quasar/app > node-sass > node-gyp > [email protected]: request has been deprecated, see https://github.com/request/request/issues/3142
warning Resolution field "@babel/[email protected]" is incompatible with requested version "@babel/parser@^7.8.6"
warning Resolution field "@babel/[email protected]" is incompatible with requested version "@babel/parser@^7.9.0"
warning @quasar/app > @quasar/babel-preset-app > @babel/runtime-corejs2 > [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
warning @quasar/app > @quasar/babel-preset-app > babel-plugin-transform-imports > babel-types > babel-runtime > [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
warning @quasar/app > stylus > css-parse > css > [email protected]: Please see https://github.com/lydell/urix#deprecated
warning @quasar/app > webpack-dev-server > chokidar > braces > snapdragon > source-map-resolve > [email protected]: Please see https://github.com/lydell/urix#deprecated
warning @quasar/app > webpack-dev-server > chokidar > braces > snapdragon > source-map-resolve > [email protected]: https://github.com/lydell/resolve-url#deprecated
[3/5] Fetching packages...
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[4/5] Linking dependencies...
warning " > [email protected]" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0".
[5/5] Building fresh packages...
success Saved lockfile.
Done in 55.96s.
[*] Running eslint --fix to comply with chosen preset rules...
yarn run v1.22.4
$ eslint --ext .js,.vue --ignore-path .gitignore ./ --fix
Done in 4.46s.
$ cd testq/
$ quasar mode add electron
app:mode-electron Installing Electron dependencies... +0ms
app:spawn [sync] Running "yarn add --dev electron@^8.0.1 electron-debug@^3.0.1 electron-devtools-installer@^2.2.4 devtron@^1.4.0" +4ms
yarn add v1.22.4
[1/5] Validating package.json...
[2/5] Resolving packages...
warning Resolution field "@babel/[email protected]" is incompatible with requested version "@babel/parser@^7.9.0"
warning Resolution field "@babel/[email protected]" is incompatible with requested version "@babel/parser@^7.8.6"
warning Resolution field "@babel/[email protected]" is incompatible with requested version "@babel/parser@^7.9.0"
[3/5] Fetching packages...
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[4/5] Linking dependencies...
warning " > [email protected]" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0".
[5/5] Building fresh packages...
success Saved lockfile.
success Saved 19 new dependencies.
info Direct dependencies
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
info All dependencies
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
Done in 26.53s.
app:mode-electron Creating Electron source folder... +27s
app:mode-electron Electron support was added +9ms
$ quasar ext add @quasar/icon-genie
app:extension Installing "@quasar/icon-genie" Quasar App Extension +0ms
app:extension Retrieving "@quasar/quasar-app-extension-icon-genie"... +3ms
app:spawn [sync] Running "yarn add --dev @quasar/quasar-app-extension-icon-genie" +0ms
yarn add v1.22.4
[1/5] Validating package.json...
[2/5] Resolving packages...
warning Resolution field "@babel/[email protected]" is incompatible with requested version "@babel/parser@^7.9.0"
warning Resolution field "@babel/[email protected]" is incompatible with requested version "@babel/parser@^7.8.6"
warning Resolution field "@babel/[email protected]" is incompatible with requested version "@babel/parser@^7.9.0"
[3/5] Fetching packages...
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
info [email protected]: The platform "linux" is incompatible with this module.
info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
[4/5] Linking dependencies...
warning " > [email protected]" has unmet peer dependency "webpack@^4.0.0 || ^5.0.0".
[5/5] Building fresh packages...
success Saved lockfile.
success Saved 136 new dependencies.
info Direct dependencies
ββ @quasar/[email protected]
info All dependencies
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @jimp/[email protected]
ββ @quasar/[email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
ββ [email protected]
Done in 32.67s.
PROJECT Repo and documentation:
https://github.com/quasarframework/app-extension-icon-genie
--------------------------- ATTENTION! -----------------------------
You must replace app-icon.png in the root folder of your project.
If you plan on building for Cordova/Capacitor, you must also replace the
app-splashscreen.png image in the same place. File details:
-> app-icon.png 1240x1240 (with transparency)
-> app-splashscreen.png 2436x2436 (transparency optional)
--------------------------------------------------------------------
? Minify strategy to be used for development: pngquant => quality: lossless | time: 1x
? Minify strategy to be used for production: zopfli => quality: lossless++ | time: 80x
? Please type a background color to use for Cordova/Capacitor Icons / Splashscreens (no transparency): #000074
? Build strategy for Cordova/Capacitor Splashscreen: Use app-splashscreen.png as-is
? Always rebuild (useful for fine-tuning): Yes
app:extension-manager Updating /quasar.extensions.json for "@quasar/icon-genie" extension ... +48s
app:extension Running App Extension install script... +2ms
Creating demo icon.
Creating demo splashscreen.
app:extension-manager Updating /quasar.extensions.json for "@quasar/icon-genie" extension ... +261ms
app:extension Quasar App Extension "@quasar/icon-genie" successfully installed. +163ms
If you like this app-extension please leave a star at:
https://github.com/quasarframework/app-extension-icon-genie/stargazers
Please consider sponsoring the development of Quasar:
https://donate.quasar.dev
$ quasar dev -m electron
Dev mode.......... electron
Pkg quasar........ v1.9.14
Pkg @quasar/app... v1.6.2
Debugging......... enabled
app:extension Running "@quasar/icon-genie" Quasar App Extension... +0ms
app:quasar-conf Reading quasar.conf.js +23ms
app:dev Checking listening address availability (0.0.0.0:8080)... +7ms
app:webpack Extending Renderer process Webpack config +997ms
app:webpack Extending Main process Webpack config +210ms
app:dev Extension(@quasar/icon-genie): Running beforeDev hook... +8ms
app:extension-manager Updating /quasar.extensions.json for "@quasar/icon-genie" extension ... +8s
app:generator Generating Webpack entry point +23ms
app:dev-server Booting up... +9ms
Renderer process βββββββββββββββββββββββββ [100%] in ~21s
Main process [0%]
ERROR Failed to compile with 104 errors 4:28:31 AM
These dependencies were not found:
* core-js/modules/es6.array.iterator in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/lang.js and 9 others
* core-js/modules/es6.function.name in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/icon-set.js and 2 others
* core-js/modules/es6.number.constructor in ./node_modules/quasar/src/components/btn/QBtn.js, ./node_modules/quasar/src/components/drawer/QDrawer.js and 8 others
* core-js/modules/es6.object.assign in ./node_modules/quasar/src/ssr-update.js, ./node_modules/quasar/src/components/btn/QBtn.js and 4 others
* core-js/modules/es6.object.freeze in ./node_modules/quasar/src/install.js
* core-js/modules/es6.object.keys in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/lang.js and 9 others
* core-js/modules/es6.object.to-string in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/lang.js and 10 others
* core-js/modules/es6.regexp.replace in ./node_modules/quasar/src/body.js, ./node_modules/quasar/src/components/btn/QBtn.js and 3 others
* core-js/modules/es6.regexp.split in ./node_modules/quasar/lang/en-us.js, ./node_modules/quasar/src/components/icon/QIcon.js and 2 others
* core-js/modules/es6.regexp.to-string in ./node_modules/quasar/src/utils/colors.js
* core-js/modules/es6.string.fixed in ./node_modules/quasar/src/components/drawer/QDrawer.js, ./node_modules/quasar/src/components/header/QHeader.js
* core-js/modules/es6.string.includes in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/ssr-update.js and 5 others
* core-js/modules/es6.string.starts-with in ./node_modules/quasar/src/components/icon/QIcon.js, ./node_modules/quasar/src/utils/colors.js
* core-js/modules/es6.symbol in ./node_modules/quasar/src/ssr-update.js, ./node_modules/quasar/src/components/btn/QBtn.js and 3 others
* core-js/modules/es7.array.includes in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/ssr-update.js and 5 others
* core-js/modules/es7.object.get-own-property-descriptors in ./node_modules/quasar/src/ssr-update.js, ./node_modules/quasar/src/components/btn/QBtn.js and 3 others
* core-js/modules/web.dom.iterable in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/lang.js and 9 others
To install them, you can run: npm install --save core-js/modules/es6.array.iterator core-js/modules/es6.function.name core-js/modules/es6.number.constructor core-js/modules/es6.object.assign core-js/modules/es6.object.freeze core-js/modules/es6.object.keys core-js/modules/es6.object.to-string core-js/modules/es6.regexp.replace core-js/modules/es6.regexp.split core-js/modules/es6.regexp.to-string core-js/modules/es6.string.fixed core-js/modules/es6.string.includes core-js/modules/es6.string.starts-with core-js/modules/es6.symbol core-js/modules/es7.array.includes core-js/modules/es7.object.get-own-property-descriptors core-js/modules/web.dom.iterable
can anyone reproduce the steps in the same or similar environment (Linux, Electron) and share the results?
So the issue is not the node version, but @quasar/icon-genie
The solution shared by @sharmaankit25 from the forum worked out well for me. Here are the steps described by tunchamroeun and also one additional step I had to do:
1.If you have installed @quasar/icon-genie please remove it after you build your app icon and splash screen.
1.1. If the file quasar.extensions.json exists, remove@quasar/icon-genie from it.
2.Uninstall βcore-jsβ from your project if exist.
3.Remove node_modules and package_lock.json
So the issue is not the node version, but @quasar/icon-genie
The solution shared by @sharmaankit25 from the forum worked out well for me. Here are the steps described by tunchamroeun and also one additional step I had to do:
1.If you have installed @quasar/icon-genie please remove it after you build your app icon and splash screen.
1.1. If the file quasar.extensions.json exists, remove@quasar/icon-genie from it.
2.Uninstall βcore-jsβ from your project if exist.
3.Remove node_modules and package_lock.json
- Run npm or yarn install weβll work fine!
This fixed my issues. thank you.
Most helpful comment
So the issue is not the node version, but @quasar/icon-genie
The solution shared by @sharmaankit25 from the forum worked out well for me. Here are the steps described by tunchamroeun and also one additional step I had to do:
1.If you have installed @quasar/icon-genie please remove it after you build your app icon and splash screen.
1.1. If the file quasar.extensions.json exists, remove@quasar/icon-genie from it.
2.Uninstall βcore-jsβ from your project if exist.
3.Remove node_modules and package_lock.json