No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Core-Js Issue Upgraded Quasar from 1.9.8 to 1.9.15

    Help
    corejs quasar
    2
    3
    486
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • R
      raquino last edited by raquino

      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
      
      1 Reply Last reply Reply Quote 0
      • metalsadman
        metalsadman last edited by metalsadman

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

        1 Reply Last reply Reply Quote 0
        • R
          raquino last edited by

          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
          
          1 Reply Last reply Reply Quote 0
          • First post
            Last post