Core-Js Issue Upgraded Quasar from 1.9.8 to 1.9.15



  • Hi, I have tried deleting node_modules, package.lock.json, and .quasar, but I keep getting these dependency errors in my one project where I did the quasar upgrade to. When I make a new project it works fine, but I don’t want to have to start this project from scratch. What are other way to fix this?

    my babel.config.js (I tried some things, but didn’t work)

    const fs = require('fs-extra')
    let extend = undefined
    
    /**
     * The .babelrc file has been created to assist Jest for transpiling.
     * You should keep your application's babel rules in this file.
     */
    
    if (fs.existsSync('./.babelrc')) {
      extend = './.babelrc'
    }
    
    module.exports = {
      presets: [
        [ '@quasar/babel-preset-app', { useBuiltIns: "entry" } ],
        // [ "@vue/app", { useBuiltIns: "entry" } ]
      ],
      extends: extend
    }
    

    The output when I run: quasar dev or any quasar command for production…

     ERROR  Failed to compile with 640 errors                                                                                                                                                        6:18:00 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 6 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/index.esm.js, ./node_modules/quasar/src/install.js and 57 others
    * core-js/modules/es6.function.name in ./node_modules/quasar/src/install.js, ./node_modules/quasar/src/icon-set.js and 35 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 29 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 56 others
    * core-js/modules/es6.object.to-string in ./node_modules/quasar/src/index.esm.js, ./node_modules/quasar/src/install.js and 65 others
    * core-js/modules/es6.promise in ./node_modules/quasar/src/components/form/QForm.js, ./node_modules/quasar/src/mixins/validate.js and 2 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 11 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 18 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 3 others
    * core-js/modules/es6.symbol in ./node_modules/quasar/src/index.esm.js, ./node_modules/quasar/src/ssr-update.js and 43 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 45 others
    * core-js/modules/es7.object.get-own-property-descriptors in ./node_modules/quasar/src/index.esm.js, ./node_modules/quasar/src/ssr-update.js and 43 others
    * core-js/modules/web.dom.iterable in ./node_modules/quasar/src/index.esm.js, ./node_modules/quasar/src/install.js and 57 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
    


  • Try these coomands yarn add -D core-js@2.6.5 or npm install --dev core-js@2.6.5.



  • Thank you sir, that worked! Off-topic but I’m not familiar with solving webpack errors, how would you solve or go about this? I tried different syntax but didn’t work. Do I need to add another loader?

     ERROR  Failed to compile with 9 errors                                                                                                                                                          7:09:37 PM
     error  in ./src/App.vue?vue&type=script&lang=ts&
    
    Module parse failed: Unexpected character '@' (14:0)
    File was processed with these loaders:
     * ./node_modules/vue-loader/lib/index.js
    You may need an additional loader to handle the result of these loaders.
    | import CookieNotice from './components/notify/CookieNotice.vue';
    |
    > @Component({
    |   components: {
    |     CookieNotice
    
     @ ./src/App.vue?vue&type=script&lang=ts& 1:0-115 1:131-134 1:136-248 1:136-248
     @ ./src/App.vue
     @ ./.quasar/app.js
     @ ./.quasar/client-entry.js
     @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 (webpack)/hot/dev-server.js ./.quasar/client-entry.js
    
     error  in ./src/router/main/zingallery.ts
    
    Module parse failed: Unexpected token (13:12)
    You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
    | import PhotoDetailPage from './../../pages/gallery/photo/PhotoDetail.vue'
    |
    > const routes: RouteConfig[] = [
    |   {
    |     path: '/collections',
    
     @ ./src/router/index.ts 15:0-54 41:9-28
     @ ./.quasar/app.js
     @ ./.quasar/client-entry.js
     @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 (webpack)/hot/dev-server.js ./.quasar/client-entry.js
    
     error  in ./src/router/main/static.ts
    
    Module parse failed: Unexpected token (18:12)
    You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
    |
    |
    > const routes: RouteConfig[] = [
    |   {
    |     path: '/',
    
     @ ./src/router/index.ts 6:0-46 38:9-24
     @ ./.quasar/app.js
     @ ./.quasar/client-entry.js
     @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 (webpack)/hot/dev-server.js ./.quasar/client-entry.js
    
     error  in ./src/router/main/error.ts
    
    Module parse failed: Unexpected token (3:12)
    You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
    | import { RouteConfig } from 'vue-router'
    |
    > const routes: RouteConfig[] = [];
    |
    | // Always leave this as last one
    
     @ ./src/router/index.ts 21:0-44 43:9-23
     @ ./.quasar/app.js
     @ ./.quasar/client-entry.js
     @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 (webpack)/hot/dev-server.js ./.quasar/client-entry.js
    
     error  in ./src/router/external/affiliate.ts
    
    Module parse failed: Unexpected token (4:12)
    You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
    |
    | // This is for Affiliate Links that redirect to external links
    > const routes: RouteConfig[] = [
    |   {
    |     path: '/sunkoiwish',
    
     @ ./src/router/index.ts 18:0-56 42:9-27
     @ ./.quasar/app.js
     @ ./.quasar/client-entry.js
     @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 (webpack)/hot/dev-server.js ./.quasar/client-entry.js
    
     error  in ./src/boot/axios.ts
    
    Module parse failed: Unexpected token (4:8)
    You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
    | import { boot } from 'quasar/wrappers';
    |
    > declare module 'vue/types/vue' {
    |   interface Vue {
    |     $axios: AxiosInstance;
    
     @ ./.quasar/client-entry.js 28:0-46 70:43-60
     @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 (webpack)/hot/dev-server.js ./.quasar/client-entry.js
    
     error  in ./src/router/main/featured.ts
    
    Module parse failed: Unexpected token (6:12)
    You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
    | import FeaturedPage from './../../pages/core/Featured.vue'
    |
    > const routes: RouteConfig[] = [
    |   {
    |     path: '/featured',
    
     @ ./src/router/index.ts 9:0-50 40:9-26
     @ ./.quasar/app.js
     @ ./.quasar/client-entry.js
     @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 (webpack)/hot/dev-server.js ./.quasar/client-entry.js
    
     error  in ./src/boot/i18n.ts
    
    Module parse failed: Unexpected token (6:8)
    You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
    | import VueI18n from 'vue-i18n';
    |
    > declare module 'vue/types/vue' {
    |   interface Vue {
    |     i18n: VueI18n;
    
     @ ./.quasar/client-entry.js 27:0-44 70:25-41
     @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 (webpack)/hot/dev-server.js ./.quasar/client-entry.js
    
     error  in ./src/router/main/blog.ts
    
    Module parse failed: Unexpected token (8:12)
    You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
    | import ArticleJournalPage from './../../pages/journal/article/Article.vue'
    |
    > const routes: RouteConfig[] = [
    |   {
    |     path: '/journals',
    
     @ ./src/router/index.ts 12:0-45 39:9-25
     @ ./.quasar/app.js
     @ ./.quasar/client-entry.js
     @ multi (webpack)-dev-server/client?http://0.0.0.0:8080 (webpack)/hot/dev-server.js ./.quasar/client-entry.js
    

Log in to reply