[Solved]core-js issue



  • 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:

    ebca9366-eb0b-4ffc-9c8c-9787dacd25e0-image.png

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



  • @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.



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

    bf5c2003-75bf-48ca-85cc-daa63d225681-image.png



  • 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…

    851fba53-ae8b-497d-b492-2e4e79ab3c2b-image.png



  • @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:
    988bc448-73c2-4558-8b75-e67155bd5440-image.png



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



  • @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.



  • 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!!



  • 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.



  • 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.



  • 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!



  • @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!



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



  • 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
    


  • 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
    


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



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



  • If there is the prettier, The problem is shown



  • 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!!



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


Log in to reply