[Solved]core-js issue

aXiDz

Hey Guys and Gals,
Just updated quasar:

@quasar/extras: 1.4.1 → 1.5.0
 quasar: 1.7.3 → 1.8.3
 @quasar/app: 1.5.1 → 1.5.2

accidentally pressed ctrl+c and didn’t terminate the process, update stopped… Hit “Y”, redid update with errors:

@quasar/app: Missing! → 1.5.2

Everything seemed fine until this pops ups:

Tried updating core-js, quasar, npm, also following suggestion to install all the modules - nothing :(.
Anyone came across something similar?

metalsadman

@aXiDz delete your node_modules (probably your lock files too yarn.lock /package-lock.json) folder and run yarn or npm install to re-install your deps.

aXiDz

@metalsadman
Removed package-lock.json
Removed node_modules/
npm install
Getting the same

aXiDz

After Diving in…Can see that those files really don’t exist. There are no “es6…” files inside core-js => modules folder
tried to install core-js again…
Quasar asks for files which do not exist… that’s strange… even original core-js package doesn’t have them…

Mickey58

@metalsadman, @aXiDz - I did a Quasar upgrade from 1.5 to newest 1.8.3 today. Unfortunately, I’m stuck now with the same issue, since Quasar does not build my app anymore with quasar dev – it gives me similar, core-js related error messages

I have already renewed all dependencies that gave warnings during the Quasar upgarde (sass, fibers, fs-events). And I did a successful

npm install --save core-js@^3

prior to launching the new, unsuccessful Quasar build.

Per advise above, I removed node_modules, package-lock-json, and did npm install – Quasar build is still unsuccessful.

Would appreciate some urgent help, since this is blocking me.

The errors in my case are:

metalsadman

@Mickey58 delete node_modules and lock files, then run yarn. should reinstall all the deps. no need to install core js on your own.

Mickey58

@metalsadman - I already did exactly that - but still get the build errors.

I’m currently trying to install core-js-pure@3.6.4 - I saw a warning that I need that, not the above core-js@^3

Will let you know the result in few mins.

Mickey58

Too bad, I’m getting the same errors after again deleting node_modules, package_lock.json, then npm install.

quasar dev build runs to 100% and then fails with these core-js related dependencies not found!!

Mickey58

I did a quick check on the first core-js related error: It complains about es6.array.fill missing…

I’m really no expert on build, but I did a quick check in the core-js folder under node-modules, and I only find an es.array.fill.js

c:\users<username>\GitHub<quasarfolders>\node_modules\core-js\modules\es.array.fill.js - es, not es6

That supports @aXiDz comment above, that Quasar complains about files that do not exist among the core-js files.

metalsadman

since you ran npm install core…, check if it exist in your root directory’s package.json. remove it. then do the earlier troubleshooting and run yarn again.

Mickey58

Ok, thx @metalsadman - I removed the entries for core-js in my package-json, dropped node_modules and package_lock.json, ran npm install, then quasar dev, and got my build successful!

tunchamroeun

@aXiDz
1.If you have installed @quasar/icon-genie please remove it after you build your app icon and splash screen.
2.Uninstall “core-js” from your project if exist.
3.Remove node_modules and package_lock.json
4. Run npm or yarn install we’ll work fine!

Carleslc

I had this problem too. Solved removing @quasar/icon-genie as @tunchamroeun suggests.

hipertracker

I don’t have @quasar/icon-genie or any other extensions but suddenly I start to experience those stupid core-js errors. I have no idea what is the source of the problem. This is insane, never-ending story

❯ quasar info

Operating System - Darwin(19.4.0) - darwin/x64
NodeJs - 12.16.2

Global packages
  NPM - 6.14.4
  yarn - 1.22.4
  @quasar/cli - 1.0.7
  cordova - Not installed

Important local packages
  quasar - 1.9.15 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app - 1.7.1 -- 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 - Not installed
  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
  *None installed*

Networking
  Host - jaz-mbpr.local
  en0 - 192.168.0.80
  en4 - 192.168.0.157

hipertracker

This is how it looks:

❯ quasar dev

 Dev mode.......... spa
 Pkg quasar........ v1.9.15
 Pkg @quasar/app... v1.7.1
 Debugging......... enabled

 app:quasar-conf Reading quasar.conf.js +0ms
 app:dev Checking listening address availability (0.0.0.0:8080)... +4ms

 app:dev ️️⚠️  Setting port to closest one available: 8082 +0ms

 app:webpack Extending SPA Webpack config +540ms
 app:generator Generating Webpack entry point +7ms
 app:dev-server Booting up... +2ms

Starting type checking service...
Type checking in progress...


 ERROR  Failed to compile with 131 errors                                                                                            12:01:23

These dependencies were not found:

* core-js/modules/es6.array.find in ./node_modules/quasar/dist/quasar.ie.polyfills.js
* core-js/modules/es6.array.find-index in ./node_modules/quasar/dist/quasar.ie.polyfills.js
* core-js/modules/es6.array.iterator in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/lang.js and 10 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/dist/quasar.ie.polyfills.js, ./node_modules/quasar/src/components/btn/QBtn.js and 9 others
* core-js/modules/es6.number.is-integer in ./node_modules/quasar/dist/quasar.ie.polyfills.js
* core-js/modules/es6.object.assign in ./node_modules/quasar/dist/quasar.ie.polyfills.js, ./node_modules/quasar/src/ssr-update.js and 6 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 10 others
* core-js/modules/es6.object.to-string in ./node_modules/quasar/dist/quasar.ie.polyfills.js, ./node_modules/quasar/src/install.js and 12 others
* core-js/modules/es6.promise in ./node_modules/quasar/dist/quasar.ie.polyfills.js
* core-js/modules/es6.regexp.constructor in ./node_modules/quasar/dist/quasar.ie.polyfills.js
* core-js/modules/es6.regexp.replace in ./.quasar/client-entry.js, ./node_modules/quasar/dist/quasar.ie.polyfills.js and 5 others
* core-js/modules/es6.regexp.split in ./node_modules/quasar/dist/quasar.ie.polyfills.js, ./node_modules/quasar/lang/en-us.js and 3 others
* core-js/modules/es6.regexp.to-string in ./node_modules/quasar/dist/quasar.ie.polyfills.js, ./node_modules/quasar/src/utils/colors.js
* core-js/modules/es6.string.ends-with in ./node_modules/quasar/dist/quasar.ie.polyfills.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/dist/quasar.ie.polyfills.js, ./node_modules/quasar/src/install.js and 7 others
* core-js/modules/es6.string.starts-with in ./node_modules/quasar/dist/quasar.ie.polyfills.js, ./node_modules/quasar/src/components/icon/QIcon.js and 1 other
* core-js/modules/es6.symbol in ./node_modules/quasar/src/ssr-update.js, ./node_modules/quasar/src/components/btn/QBtn.js and 4 others
* core-js/modules/es6.typed.uint8-clamped-array in ./node_modules/quasar/dist/quasar.ie.polyfills.js
* core-js/modules/es7.array.includes in ./node_modules/quasar/dist/quasar.ie.polyfills.js, ./node_modules/quasar/src/install.js and 7 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 4 others
* core-js/modules/es7.promise.finally in ./node_modules/quasar/dist/quasar.ie.polyfills.js
* core-js/modules/web.dom.iterable in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/lang.js and 10 others

To install them, you can run: npm install --save core-js/modules/es6.array.find core-js/modules/es6.array.find-index core-js/modules/es6.array.iterator core-js/modules/es6.function.name core-js/modules/es6.number.constructor core-js/modules/es6.number.is-integer 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.promise core-js/modules/es6.regexp.constructor core-js/modules/es6.regexp.replace core-js/modules/es6.regexp.split core-js/modules/es6.regexp.to-string core-js/modules/es6.string.ends-with 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/es6.typed.uint8-clamped-array core-js/modules/es7.array.includes core-js/modules/es7.object.get-own-property-descriptors core-js/modules/es7.promise.finally core-js/modules/web.dom.iterable

azrul

Yes I am facing similar problem when importing a component from bit.dev

bichi kim

me too … why don’t you support core-js 3

bichi kim

If there is the prettier, The problem is shown

kiani

Hi,

I’m getting a similar, I think it started happening since I upgraded “quasar”: “^1.0.0” to “quasar”: "^1.10.5" but I’m not sure.

As @metalsadman said, I checked that I don’t have corejs in package.json and then deleted node_modules, yarn.lock and package_lock.json and run yarn. Same error.

This is my package.json:

"dependencies": {
    "@quasar/extras": "^1.0.0",
    "axios": "^0.18.1",
    "camelcase": "^5.3.1",
    "firebase": "^7.8.0",
    "firebaseui": "^4.4.0",
    "luxon": "^1.24.1",
    "quasar": "^1.10.5",
    "vue-i18n": "^8.0.0",
    "vue-tel-input": "^4.3.0"
  },
  "devDependencies": {
    "@quasar/app": "^1.0.0",
    "@quasar/quasar-app-extension-qcalendar": "^1.5.1",
    "@vue/eslint-config-prettier": "^4.0.0",
    "babel-eslint": "^10.0.1",
    "eslint": "^5.10.0",
    "eslint-loader": "^2.1.1",
    "eslint-plugin-vue": "^5.0.0"
  },

The error I get:

$ quasar dev

 Dev mode.......... spa
 Pkg quasar........ v1.10.5
 Pkg @quasar/app... v1.8.4
 Debugging......... enabled

 app:extension Running "@quasar/qcalendar" Quasar App Extension... +0ms
 app:quasar-conf Reading quasar.conf.js +16ms
 app:dev Checking listening address availability (0.0.0.0:8080)... +10ms
 app:quasar-conf Extension(@quasar/qcalendar): Extending quasar.conf... +10ms
 app:webpack Extending SPA Webpack config +701ms
 app:generator Generating Webpack entry point +375ms
 app:dev-server Booting up... +7ms


 • Compiling:
 └── SPA ████████████████████ 100% done in ~29s



 ERROR  Failed to compile with 699 errors                                                                                               5:47:30 PM

These dependencies were not found:

* core-js/modules/es6.array.fill in ./node_modules/quasar/src/components/date/QDate.js
* core-js/modules/es6.array.find in ./node_modules/quasar/src/components/btn-toggle/QBtnToggle.js, ./node_modules/quasar/src/components/editor/editor-utils.js and 13 others
* core-js/modules/es6.array.find-index in ./node_modules/quasar/src/components/file/QFile.js, ./node_modules/quasar/src/components/menu/ClickOutside.js and 4 others
* core-js/modules/es6.array.from in ./node_modules/quasar/src/components/file/QFile.js, ./node_modules/quasar/src/mixins/file.js
* core-js/modules/es6.array.iterator in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/index.esm.js and 62 others
* core-js/modules/es6.function.name in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/icon-set.js and 42 others
* core-js/modules/es6.map in ./node_modules/quasar/src/utils/is.js
* core-js/modules/es6.number.constructor in ./node_modules/quasar/src/components/badge/QBadge.js, ./node_modules/quasar/src/components/btn/QBtn.js and 49 others
* core-js/modules/es6.object.assign in ./node_modules/quasar/src/ssr-update.js, ./node_modules/quasar/src/components/btn/QBtn.js and 30 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/index.esm.js, ./node_modules/quasar/src/ssr-update.js and 61 others
* core-js/modules/es6.object.to-string in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/index.esm.js and 74 others
* core-js/modules/es6.promise in ./node_modules/quasar/src/components/form/QForm.js, ./node_modules/quasar/src/mixins/validate.js and 7 others
* core-js/modules/es6.regexp.constructor in ./node_modules/quasar/src/components/select/QSelect.js, ./node_modules/quasar/src/directives/TouchRepeat.js and 4 others
* core-js/modules/es6.regexp.flags in ./node_modules/quasar/src/utils/is.js
* core-js/modules/es6.regexp.match in ./node_modules/quasar/src/plugins/Cookies.js, ./node_modules/quasar/src/utils/date.js
* core-js/modules/es6.regexp.replace in ./.quasar/client-entry.js, ./node_modules/quasar/src/body.js and 25 others
* core-js/modules/es6.regexp.split in ./node_modules/quasar/lang/en-us.js, ./node_modules/quasar/src/components/btn-dropdown/QBtnDropdown.js and 17 others
* core-js/modules/es6.regexp.to-string in ./node_modules/quasar/src/components/editor/editor-caret.js, ./node_modules/quasar/src/plugins/Cookies.js and 6 others
* core-js/modules/es6.set in ./node_modules/quasar/src/utils/is.js
* core-js/modules/es6.string.anchor in ./node_modules/quasar/src/components/fab/QFabAction.js, ./node_modules/quasar/src/components/menu/QMenu.js and 1 other
* core-js/modules/es6.string.bold in ./node_modules/quasar/src/components/editor/QEditor.js
* core-js/modules/es6.string.ends-with in ./node_modules/quasar/src/components/breadcrumbs/QBreadcrumbs.js, ./node_modules/quasar/src/components/color/QColor.js and 2 others
* core-js/modules/es6.string.fixed in ./node_modules/quasar/src/components/drawer/QDrawer.js, ./node_modules/quasar/src/components/footer/QFooter.js and 1 other
* core-js/modules/es6.string.includes in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/ssr-update.js and 42 others
* core-js/modules/es6.string.iterator in ./node_modules/quasar/src/components/file/QFile.js, ./node_modules/quasar/src/components/form/QForm.js and 3 others
* core-js/modules/es6.string.link in ./node_modules/quasar/src/components/tree/QTree.js
* core-js/modules/es6.string.starts-with in ./node_modules/quasar/src/components/color/QColor.js, ./node_modules/quasar/src/components/icon/QIcon.js and 2 others
* core-js/modules/es6.symbol in ./node_modules/quasar/src/index.esm.js, ./node_modules/quasar/src/ssr-update.js and 44 others
* core-js/modules/es6.typed.uint8-array in ./node_modules/quasar/src/utils/uid.js
* core-js/modules/es7.array.includes in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/ssr-update.js and 46 others
* core-js/modules/es7.object.get-own-property-descriptors in ./node_modules/quasar/src/ssr-update.js, ./node_modules/quasar/src/index.esm.js and 44 others
* core-js/modules/web.dom.iterable in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/lang.js and 62 others

To install them, you can run: npm install --save core-js/modules/es6.array.fill core-js/modules/es6.array.find core-js/modules/es6.array.find-index core-js/modules/es6.array.from core-js/modules/es6.array.iterator core-js/modules/es6.function.name core-js/modules/es6.map 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.promise core-js/modules/es6.regexp.constructor core-js/modules/es6.regexp.flags core-js/modules/es6.regexp.match core-js/modules/es6.regexp.replace core-js/modules/es6.regexp.split core-js/modules/es6.regexp.to-string core-js/modules/es6.set core-js/modules/es6.string.anchor core-js/modules/es6.string.bold core-js/modules/es6.string.ends-with core-js/modules/es6.string.fixed core-js/modules/es6.string.includes core-js/modules/es6.string.iterator core-js/modules/es6.string.link core-js/modules/es6.string.starts-with core-js/modules/es6.symbol core-js/modules/es6.typed.uint8-array core-js/modules/es7.array.includes core-js/modules/es7.object.get-own-property-descriptors core-js/modules/web.dom.iterable

And quasar info

$ quasar info

Operating System - Darwin(19.2.0) - darwin/x64
NodeJs - 11.1.0

Global packages
  NPM - 6.14.5
  yarn - 1.22.4
  @quasar/cli - 1.0.0-beta.4
  cordova - 9.0.0 (cordova-lib@9.0.1)

Important local packages
  quasar - 1.10.5 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app - 1.8.4 -- Quasar Framework local CLI
  @quasar/extras - 1.7.0 -- 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.3.0 -- state management for Vue.js
  electron - Not installed
  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.6 -- Babel compiler core.
  webpack - 4.43.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 - 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-qcalendar - 1.5.6 -- A Quasar App Extension for @quasar/quasar-ui-qcalendar

Any idea what to do to be able to build the app again?

Thanks!!

metalsadman

@kiani run command yarn add -D core-js@2.6.5 or npm install --dev core-js@2.6.5.

No More Posting New Topics!

[Solved]core-js issue