I am installing demo3 in vuejs I run command :
- npm i
- npm run serve
but me dispaly error:
ERROR Failed to compile with 1 error 15:11:47
error in ./src/layout/aside/Aside.vue?vue&type=script&lang=ts
Module not found: Error: Package path ./index is not exported from package C:\xampp\htdocs\Demos\metronic_v8.1.1_vue_demo3\metronic_v8.1.1_vue_demo3\demo3\node_modules\vue-i18n (see exports field in C:\xampp\htdocs\Demos\metronic_v8.1.1_vue_demo3\metronic_v8.1.1_vue_demo3\demo3\node_modules\vue-i18n\package.json)
ERROR in ./src/layout/aside/Aside.vue?vue&type=script&lang=ts (./node_modules/ts-loader/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/aside/Aside.vue?vue&type=script&lang=ts) 2:0-41
Module not found: Error: Package path ./index is not exported from package C:\xampp\htdocs\Demos\metronic_v8.1.1_vue_demo3\metronic_v8.1.1_vue_demo3\demo3\node_modules\vue-i18n (see exports field in C:\xampp\htdocs\Demos\metronic_v8.1.1_vue_demo3\metronic_v8.1.1_vue_demo3\demo3\node_modules\vue-i18n\package.json)
@ ./src/layout/aside/Aside.vue?vue&type=script&lang=ts 1:0-196 1:0-196 1:197-382 1:197-382
@ ./src/layout/aside/Aside.vue 2:0-56 3:0-51 3:0-51 6:49-55
@ ./node_modules/ts-loader/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/Layout.vue?vue&type=script&lang=ts 4:0-47 26:17-24
@ ./src/layout/Layout.vue?vue&type=script&lang=ts 1:0-191 1:0-191 1:192-372 1:192-372
@ ./src/layout/Layout.vue 2:0-57 3:0-52 3:0-52 6:49-55
@ ./src/router/index.ts 9:40-69
@ ./src/main.ts 6:0-30 19:8-14
ERROR in ./src/layout/aside/Menu.vue?vue&type=script&lang=ts (./node_modules/ts-loader/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/aside/Menu.vue?vue&type=script&lang=ts) 2:0-41
Module not found: Error: Package path ./index is not exported from package C:\xampp\htdocs\Demos\metronic_v8.1.1_vue_demo3\metronic_v8.1.1_vue_demo3\demo3\node_modules\vue-i18n (see exports field in C:\xampp\htdocs\Demos\metronic_v8.1.1_vue_demo3\metronic_v8.1.1_vue_demo3\demo3\node_modules\vue-i18n\package.json)
@ ./src/layout/aside/Menu.vue?vue&type=script&lang=ts 1:0-195 1:0-195 1:196-380 1:196-380
@ ./src/layout/aside/Menu.vue 2:0-55 3:0-50 3:0-50 6:49-55
@ ./node_modules/ts-loader/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/aside/Aside.vue?vue&type=script&lang=ts 3:0-45 9:16-22
@ ./src/layout/aside/Aside.vue?vue&type=script&lang=ts 1:0-196 1:0-196 1:197-382 1:197-382
@ ./src/layout/aside/Aside.vue 2:0-56 3:0-51 3:0-51 6:49-55
@ ./node_modules/ts-loader/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/Layout.vue?vue&type=script&lang=ts 4:0-47 26:17-24
@ ./src/layout/Layout.vue?vue&type=script&lang=ts 1:0-191 1:0-191 1:192-372 1:192-372
@ ./src/layout/Layout.vue 2:0-57 3:0-52 3:0-52 6:49-55
@ ./src/router/index.ts 9:40-69
@ ./src/main.ts 6:0-30 19:8-14
ERROR in ./src/layout/header/Menu.vue?vue&type=script&lang=ts (./node_modules/ts-loader/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/header/Menu.vue?vue&type=script&lang=ts) 3:0-41
Module not found: Error: Package path ./index is not exported from package C:\xampp\htdocs\Demos\metronic_v8.1.1_vue_demo3\metronic_v8.1.1_vue_demo3\demo3\node_modules\vue-i18n (see exports field in C:\xampp\htdocs\Demos\metronic_v8.1.1_vue_demo3\metronic_v8.1.1_vue_demo3\demo3\node_modules\vue-i18n\package.json)
@ ./src/layout/header/Menu.vue?vue&type=script&lang=ts 1:0-195 1:0-195 1:196-380 1:196-380
@ ./src/layout/header/Menu.vue 2:0-55 3:0-50 3:0-50 6:49-55
@ ./node_modules/ts-loader/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/header/Header.vue?vue&type=script&lang=ts 4:0-46 14:16-22
@ ./src/layout/header/Header.vue?vue&type=script&lang=ts 1:0-197 1:0-197 1:198-384 1:198-384
@ ./src/layout/header/Header.vue 2:0-57 3:0-52 3:0-52 6:49-55
@ ./node_modules/ts-loader/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/Layout.vue?vue&type=script&lang=ts 6:0-50 28:18-26
@ ./src/layout/Layout.vue?vue&type=script&lang=ts 1:0-191 1:0-191 1:192-372 1:192-372
@ ./src/layout/Layout.vue 2:0-57 3:0-52 3:0-52 6:49-55
@ ./src/router/index.ts 9:40-69
@ ./src/main.ts 6:0-30 19:8-14
ERROR in ./src/layout/header/partials/UserMenu.vue?vue&type=script&lang=ts (./node_modules/ts-loader/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/header/partials/UserMenu.vue?vue&type=script&lang=ts) 2:0-41
Module not found: Error: Package path ./index is not exported from package C:\xampp\htdocs\Demos\metronic_v8.1.1_vue_demo3\metronic_v8.1.1_vue_demo3\demo3\node_modules\vue-i18n (see exports field in C:\xampp\htdocs\Demos\metronic_v8.1.1_vue_demo3\metronic_v8.1.1_vue_demo3\demo3\node_modules\vue-i18n\package.json)
@ ./src/layout/header/partials/UserMenu.vue?vue&type=script&lang=ts 1:0-205 1:0-205 1:206-400 1:206-400
@ ./src/layout/header/partials/UserMenu.vue 2:0-59 3:0-54 3:0-54 6:49-55
@ ./node_modules/ts-loader/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/aside/Aside.vue?vue&type=script&lang=ts 4:0-61 10:18-26
@ ./src/layout/aside/Aside.vue?vue&type=script&lang=ts 1:0-196 1:0-196 1:197-382 1:197-382
@ ./src/layout/aside/Aside.vue 2:0-56 3:0-51 3:0-51 6:49-55
@ ./node_modules/ts-loader/index.js??clonedRuleSet-40.use[0]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/layout/Layout.vue?vue&type=script&lang=ts 4:0-47 26:17-24
@ ./src/layout/Layout.vue?vue&type=script&lang=ts 1:0-191 1:0-191 1:192-372 1:192-372
@ ./src/layout/Layout.vue 2:0-57 3:0-52 3:0-52 6:49-55
@ ./src/router/index.ts 9:40-69
@ ./src/main.ts 6:0-30 19:8-14
ERROR in ./src/core/plugins/i18n.ts 1:0-44
Module not found: Error: Package path ./index is not exported from package C:\xampp\htdocs\Demos\metronic_v8.1.1_vue_demo3\metronic_v8.1.1_vue_demo3\demo3\node_modules\vue-i18n (see exports field in C:\xampp\htdocs\Demos\metronic_v8.1.1_vue_demo3\metronic_v8.1.1_vue_demo3\demo3\node_modules\vue-i18n\package.json)
@ ./src/main.ts 9:0-39 25:8-12
Hi,
The issue is with vue-i18n imports in some files.
We already fixed this and include a fix in the next Metronic release, to fix it now you need to change imports from
import { useI18n } from "vue-i18n/index";
import { useI18n } from "vue-i18n";