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
ornpm 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