I am installing demo3 I run command npm install after it I have installed npm run serve but me display this error as below:

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

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,

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";

to
import { useI18n } from "vue-i18n";

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  :(