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