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