Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Vue + Laravel


I am trying to compile laravel and vue template in version 8.1.1, but I get the following error,
I follow this tutorial
https://preview.keenthemes.com/metronic8/vue/docs/#/vue-laravel-integration

webpack compiled with 152 errors and 1 warning

Is there a way to do the process?


ERROR in C:\xampp\htdocs\laravel\resources\ts\src\router\clean.ts
1:67-79
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\router\clean.ts(1,68)
TS2307: Cannot find module 'vue-router' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\router\index.ts
./resources/ts/src/router/index.ts 1:67-79
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\router\index.ts(1,68)
TS2307: Cannot find module 'vue-router' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\store\modules\ConfigModule.ts
./resources/ts/src/store/modules/ConfigModule.ts 1:23-36
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\store\modules\ConfigModule.ts(1,24)
TS2307: Cannot find module 'object-path' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\store\modules\ConfigModule.ts
./resources/ts/src/store/modules/ConfigModule.ts 2:18-29
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\store\modules\ConfigModule.ts(2,19)
TS2307: Cannot find module 'deepmerge' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\layout\Layout.vue.ts
4:36-48
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\layout\Layout.vue.ts(4,37)
TS2307: Cannot find module 'vue-router' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\apps\chat\Chat.vue.ts
3:25-37
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\apps\chat\Chat.vue.ts(3,26)
TS2307: Cannot find module 'vue-router' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\authentication\MultiStepSignUp.vue.ts
11:21-26
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\authentication\MultiStepSignUp.vue.ts(11,22)
TS2307: Cannot find module 'yup' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\authentication\MultiStepSignUp.vue.ts
12:24-38
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\authentication\MultiStepSignUp.vue.ts(12,25)
TS2307: Cannot find module 'vee-validate' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\authentication\basic-flow\SignUp.vue.ts
3:42-56
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\authentication\basic-flow\SignUp.vue.ts(3,43)
TS2307: Cannot find module 'vee-validate' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\authentication\basic-flow\SignUp.vue.ts
4:21-26
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\authentication\basic-flow\SignUp.vue.ts(4,22)
TS2307: Cannot find module 'yup' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\authentication\basic-flow\SignUp.vue.ts
6:26-38
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\authentication\basic-flow\SignUp.vue.ts(6,27)
TS2307: Cannot find module 'vue-router' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\authentication\basic-flow\PasswordReset.vue.ts
3:42-56
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\authentication\basic-flow\PasswordReset.vue.ts(3,43)
TS2307: Cannot find module 'vee-validate' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\authentication\basic-flow\PasswordReset.vue.ts
5:21-26
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\authentication\basic-flow\PasswordReset.vue.ts(5,22)
TS2307: Cannot find module 'yup' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\authentication\basic-flow\SignIn.vue.ts
3:42-56
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\authentication\basic-flow\SignIn.vue.ts(3,43)
TS2307: Cannot find module 'vee-validate' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\authentication\basic-flow\SignIn.vue.ts
6:26-38
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\authentication\basic-flow\SignIn.vue.ts(6,27)
TS2307: Cannot find module 'vue-router' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\authentication\basic-flow\SignIn.vue.ts
8:21-26
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\authentication\basic-flow\SignIn.vue.ts(8,22)
TS2307: Cannot find module 'yup' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\account\Settings.vue.ts
3:42-56
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\account\Settings.vue.ts(3,43)
TS2307: Cannot find module 'vee-validate' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\account\Settings.vue.ts
6:21-26
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\account\Settings.vue.ts(6,22)
TS2307: Cannot find module 'yup' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\pages\wizards\Horizontal.vue.ts
4:24-38
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\pages\wizards\Horizontal.vue.ts(4,25)
TS2307: Cannot find module 'vee-validate' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\pages\wizards\Horizontal.vue.ts
6:21-26
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\pages\wizards\Horizontal.vue.ts(6,22)
TS2307: Cannot find module 'yup' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\pages\wizards\Vertical.vue.ts
10:21-26
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\pages\wizards\Vertical.vue.ts(10,22)
TS2307: Cannot find module 'yup' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\pages\wizards\Vertical.vue.ts
11:24-38
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\views\crafted\pages\wizards\Vertical.vue.ts(11,25)
TS2307: Cannot find module 'vee-validate' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\calendar\CalendarApp1.vue.ts
3:25-45
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\calendar\CalendarApp1.vue.ts(3,26)
TS2307: Cannot find module '@fullcalendar/vue3' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\calendar\CalendarApp1.vue.ts
4:26-49
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\calendar\CalendarApp1.vue.ts(4,27)
TS2307: Cannot find module '@fullcalendar/daygrid' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\calendar\CalendarApp1.vue.ts
5:27-51
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\calendar\CalendarApp1.vue.ts(5,28)
TS2307: Cannot find module '@fullcalendar/timegrid' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\calendar\CalendarApp1.vue.ts
6:23-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\calendar\CalendarApp1.vue.ts(6,24)
TS2307: Cannot find module '@fullcalendar/list' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\calendar\CalendarApp1.vue.ts
7:30-57
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\calendar\CalendarApp1.vue.ts(7,31)
TS2307: Cannot find module '@fullcalendar/interaction' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\layout\aside\Aside.vue.ts
3:24-40
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\layout\aside\Aside.vue.ts(3,25)
TS2307: Cannot find module 'vue-i18n/index' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget1.vue.ts
7:26-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget1.vue.ts(7,27)
TS2307: Cannot find module 'vue3-apexcharts' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget1.vue.ts
82:8-30
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget1.vue.ts(82,9)
TS2322: Type '{ horizontal: false; columnWidth: string; endingShape: string; }' is not assignable to type '{ horizontal?: boolean | undefined; columnWidth?: string | undefined; barHeight?: string | undefined; distributed?: boolean | undefined; borderRadius?: number | number[] | undefined; rangeBarOverlap?: boolean | undefined; rangeBarGroupRows?: boolean | undefined; colors?: { ...; } | undefined; dataLabels?: { ...; } |...'.
Object literal may only specify known properties, and 'endingShape' does not exist in type '{ horizontal?: boolean | undefined; columnWidth?: string | undefined; barHeight?: string | undefined; distributed?: boolean | undefined; borderRadius?: number | number[] | undefined; rangeBarOverlap?: boolean | undefined; rangeBarGroupRows?: boolean | undefined; colors?: { ...; } | undefined; dataLabels?: { ...; } |...'.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\statsistics\Widget3.vue.ts
6:26-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\statsistics\Widget3.vue.ts(6,27)
TS2307: Cannot find module 'vue3-apexcharts' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\forms\NewCardModal.vue.ts
3:42-56
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\forms\NewCardModal.vue.ts(3,43)
TS2307: Cannot find module 'vee-validate' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\forms\NewCardModal.vue.ts
6:21-26
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\forms\NewCardModal.vue.ts(6,22)
TS2307: Cannot find module 'yup' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\wizards\CreateAccountModal.vue.ts
6:24-38
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\wizards\CreateAccountModal.vue.ts(6,25)
TS2307: Cannot find module 'vee-validate' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\wizards\CreateAccountModal.vue.ts
7:36-50
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\wizards\CreateAccountModal.vue.ts(7,37)
TS2307: Cannot find module 'vee-validate' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\wizards\CreateAccountModal.vue.ts
8:21-26
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\wizards\CreateAccountModal.vue.ts(8,22)
TS2307: Cannot find module 'yup' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget2.vue.ts
6:26-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget2.vue.ts(6,27)
TS2307: Cannot find module 'vue3-apexcharts' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget2.vue.ts
79:8-30
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget2.vue.ts(79,9)
TS2322: Type '{ horizontal: false; columnWidth: string; endingShape: string; }' is not assignable to type '{ horizontal?: boolean | undefined; columnWidth?: string | undefined; barHeight?: string | undefined; distributed?: boolean | undefined; borderRadius?: number | number[] | undefined; rangeBarOverlap?: boolean | undefined; rangeBarGroupRows?: boolean | undefined; colors?: { ...; } | undefined; dataLabels?: { ...; } |...'.
Object literal may only specify known properties, and 'endingShape' does not exist in type '{ horizontal?: boolean | undefined; columnWidth?: string | undefined; barHeight?: string | undefined; distributed?: boolean | undefined; borderRadius?: number | number[] | undefined; rangeBarOverlap?: boolean | undefined; rangeBarGroupRows?: boolean | undefined; colors?: { ...; } | undefined; dataLabels?: { ...; } |...'.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\statsistics\Widget4.vue.ts
6:26-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\statsistics\Widget4.vue.ts(6,27)
TS2307: Cannot find module 'vue3-apexcharts' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget3.vue.ts
6:26-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget3.vue.ts(6,27)
TS2307: Cannot find module 'vue3-apexcharts' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget6.vue.ts
6:26-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget6.vue.ts(6,27)
TS2307: Cannot find module 'vue3-apexcharts' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget6.vue.ts
89:8-30
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget6.vue.ts(89,9)
TS2322: Type '{ horizontal: false; endingShape: string; columnWidth: string; }' is not assignable to type '{ horizontal?: boolean | undefined; columnWidth?: string | undefined; barHeight?: string | undefined; distributed?: boolean | undefined; borderRadius?: number | number[] | undefined; rangeBarOverlap?: boolean | undefined; rangeBarGroupRows?: boolean | undefined; colors?: { ...; } | undefined; dataLabels?: { ...; } |...'.
Object literal may only specify known properties, and 'endingShape' does not exist in type '{ horizontal?: boolean | undefined; columnWidth?: string | undefined; barHeight?: string | undefined; distributed?: boolean | undefined; borderRadius?: number | number[] | undefined; rangeBarOverlap?: boolean | undefined; rangeBarGroupRows?: boolean | undefined; colors?: { ...; } | undefined; dataLabels?: { ...; } |...'.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget4.vue.ts
6:26-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget4.vue.ts(6,27)
TS2307: Cannot find module 'vue3-apexcharts' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget8.vue.ts
6:26-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget8.vue.ts(6,27)
TS2307: Cannot find module 'vue3-apexcharts' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget7.vue.ts
6:26-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget7.vue.ts(6,27)
TS2307: Cannot find module 'vue3-apexcharts' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget5.vue.ts
6:26-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget5.vue.ts(6,27)
TS2307: Cannot find module 'vue3-apexcharts' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget5.vue.ts
80:8-30
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\charts\Widget5.vue.ts(80,9)
TS2322: Type '{ horizontal: false; columnWidth: string; endingShape: string; }' is not assignable to type '{ horizontal?: boolean | undefined; columnWidth?: string | undefined; barHeight?: string | undefined; distributed?: boolean | undefined; borderRadius?: number | number[] | undefined; rangeBarOverlap?: boolean | undefined; rangeBarGroupRows?: boolean | undefined; colors?: { ...; } | undefined; dataLabels?: { ...; } |...'.
Object literal may only specify known properties, and 'endingShape' does not exist in type '{ horizontal?: boolean | undefined; columnWidth?: string | undefined; barHeight?: string | undefined; distributed?: boolean | undefined; borderRadius?: number | number[] | undefined; rangeBarOverlap?: boolean | undefined; rangeBarGroupRows?: boolean | undefined; colors?: { ...; } | undefined; dataLabels?: { ...; } |...'.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\wizard\steps\Step2.vue.ts
3:36-50
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\wizard\steps\Step2.vue.ts(3,37)
TS2307: Cannot find module 'vee-validate' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\wizard\steps\Step4.vue.ts
3:36-50
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\wizard\steps\Step4.vue.ts(3,37)
TS2307: Cannot find module 'vee-validate' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\wizard\steps\Step1.vue.ts
3:36-50
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\wizard\steps\Step1.vue.ts(3,37)
TS2307: Cannot find module 'vee-validate' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\wizard\steps\Step3.vue.ts
3:36-50
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\wizard\steps\Step3.vue.ts(3,37)
TS2307: Cannot find module 'vee-validate' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget2.vue.ts
7:26-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget2.vue.ts(7,27)
TS2307: Cannot find module 'vue3-apexcharts' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget4.vue.ts
5:26-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget4.vue.ts(5,27)
TS2307: Cannot find module 'vue3-apexcharts' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget5.vue.ts
6:26-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget5.vue.ts(6,27)
TS2307: Cannot find module 'vue3-apexcharts' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget6.vue.ts
6:26-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget6.vue.ts(6,27)
TS2307: Cannot find module 'vue3-apexcharts' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget3.vue.ts
7:26-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget3.vue.ts(7,27)
TS2307: Cannot find module 'vue3-apexcharts' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget7.vue.ts
4:26-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget7.vue.ts(4,27)
TS2307: Cannot find module 'vue3-apexcharts' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget12.vue.ts
4:26-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget12.vue.ts(4,27)
TS2307: Cannot find module 'vue3-apexcharts' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget10.vue.ts
4:26-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget10.vue.ts(4,27)
TS2307: Cannot find module 'vue3-apexcharts' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget10.vue.ts
82:8-30
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget10.vue.ts(82,9)
TS2322: Type '{ horizontal: false; columnWidth: string; endingShape: string; }' is not assignable to type '{ horizontal?: boolean | undefined; columnWidth?: string | undefined; barHeight?: string | undefined; distributed?: boolean | undefined; borderRadius?: number | number[] | undefined; rangeBarOverlap?: boolean | undefined; rangeBarGroupRows?: boolean | undefined; colors?: { ...; } | undefined; dataLabels?: { ...; } |...'.
Object literal may only specify known properties, and 'endingShape' does not exist in type '{ horizontal?: boolean | undefined; columnWidth?: string | undefined; barHeight?: string | undefined; distributed?: boolean | undefined; borderRadius?: number | number[] | undefined; rangeBarOverlap?: boolean | undefined; rangeBarGroupRows?: boolean | undefined; colors?: { ...; } | undefined; dataLabels?: { ...; } |...'.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget11.vue.ts
4:26-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget11.vue.ts(4,27)
TS2307: Cannot find module 'vue3-apexcharts' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget13.vue.ts
3:26-43
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\widgets\mixed\Widget13.vue.ts(3,27)
TS2307: Cannot find module 'vue3-apexcharts' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\forms\CreateAPIKeyModal.vue.ts
4:42-56
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\forms\CreateAPIKeyModal.vue.ts(4,43)
TS2307: Cannot find module 'vee-validate' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\forms\CreateAPIKeyModal.vue.ts
5:21-26
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\forms\CreateAPIKeyModal.vue.ts(5,22)
TS2307: Cannot find module 'yup' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\forms\NewAddressModal.vue.ts
3:42-56
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\forms\NewAddressModal.vue.ts(3,43)
TS2307: Cannot find module 'vee-validate' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\forms\NewAddressModal.vue.ts
6:21-26
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\forms\NewAddressModal.vue.ts(6,22)
TS2307: Cannot find module 'yup' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\wizards\TwoFactorAuthModal.vue.ts
3:21-26
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\wizards\TwoFactorAuthModal.vue.ts(3,22)
TS2307: Cannot find module 'yup' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\wizards\TwoFactorAuthModal.vue.ts
4:42-56
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\wizards\TwoFactorAuthModal.vue.ts(4,43)
TS2307: Cannot find module 'vee-validate' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\layout\aside\Menu.vue.ts
3:24-40
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\layout\aside\Menu.vue.ts(3,25)
TS2307: Cannot find module 'vue-i18n/index' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\layout\aside\Menu.vue.ts
4:25-37
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\layout\aside\Menu.vue.ts(4,26)
TS2307: Cannot find module 'vue-router' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\layout\header\partials\UserMenu.vue.ts
3:24-40
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\layout\header\partials\UserMenu.vue.ts(3,25)
TS2307: Cannot find module 'vue-i18n/index' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\layout\header\partials\UserMenu.vue.ts
5:26-38
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\layout\header\partials\UserMenu.vue.ts(5,27)
TS2307: Cannot find module 'vue-router' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\wizards\create-app-modal\CreateAppModalForm.vue.ts
5:24-38
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\wizards\create-app-modal\CreateAppModalForm.vue.ts(5,25)
TS2307: Cannot find module 'vee-validate' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\wizards\create-app-modal\CreateAppModalForm.vue.ts
6:36-50
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\wizards\create-app-modal\CreateAppModalForm.vue.ts(6,37)
TS2307: Cannot find module 'vee-validate' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\wizards\create-app-modal\CreateAppModalForm.vue.ts
7:21-26
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\modals\wizards\create-app-modal\CreateAppModalForm.vue.ts(7,22)
TS2307: Cannot find module 'yup' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\layout\header\Topbar.vue.ts
3:23-60
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\layout\header\Topbar.vue.ts(3,24)
TS2307: Cannot find module 'nouislider/distribute/nouislider.js' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\kt-datatable\table-partials\table-content\TableContent.vue.ts
55:13-73
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\kt-datatable\table-partials\table-content\TableContent.vue.ts(55,14)
TS2802: Type 'Set<unknown>' can only be iterated through when using the '--downlevelIteration' flag or with a '--target' of 'es2015' or higher.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\layout\theme-mode\ThemeModeSwitcher.vue.ts
5:25-37
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\layout\theme-mode\ThemeModeSwitcher.vue.ts(5,26)
TS2307: Cannot find module 'vue-router' or its corresponding type declarations.

ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\kt-datatable\table-partials\table-content\table-body\TableBodyRow.vue.ts
24:15-65
[tsl] ERROR in C:\xampp\htdocs\laravel\resources\ts\src\components\kt-datatable\table-partials\table-content\table-body\TableBodyRow.vue.ts(24,16)
TS2802: Type 'Set<any>' can only be iterated through when using the '--downlevelIteration' flag or with a '--target' of 'es2015' or higher.


webpack compiled with 152 errors and 1 warning


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)


Hi,

We rechecked our doc and it will not be working with the latest Laravel version, the doc must be updated.

We already working on a doc update, an updated doc will be available in upcoming Metronic releases.
For now, for vue + laravel integration you can refer to the tutorial below:
https://techvblogs.com/blog/how-to-install-vue-3-in-laravel-9-with-vite

Regards,
Lauris Stepanovs,
Keenthemes Support Team


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(