Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Errors with npm to install demo1


Hello I have node version v16.16.0
and npm version 8.15.1

After that I tried to install demo1 in localhost run command:
npm install
npm run serve

But me display this error on vsc

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\demo1\node_modules\vue-i18n (see exports field in C:\xampp\htdocs\demo1\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\demo1\node_modules\vue-i18n (see exports field in C:\xampp\htdocs\demo1\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 18: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\demo1\node_modules\vue-i18n (see exports field in C:\xampp\htdocs\demo1\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 18: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\demo1\node_modules\vue-i18n (see exports field in C:\xampp\htdocs\demo1\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 3:0-46 12: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 5:0-50 27: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 18: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\demo1\node_modules\vue-i18n (see exports field in C:\xampp\htdocs\demo1\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/components/subscriptions/view/Details.vue?vue&type=script&lang=ts 2:0-61 6:18-26
@ ./src/components/subscriptions/view/Details.vue?vue&type=script&lang=ts 1:0-204 1:0-204 1:205-398 1:205-398
@ ./src/components/subscriptions/view/Details.vue 2:0-58 3:0-53 3:0-53 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/views/apps/subscriptions/ViewSubscription.vue?vue&type=script&lang=ts 2:0-66 10:17-24
@ ./src/views/apps/subscriptions/ViewSubscription.vue?vue&type=script&lang=ts 1:0-213 1:0-213 1:214-416 1:214-416
@ ./src/views/apps/subscriptions/ViewSubscription.vue 2:0-67 3:0-62 3:0-62 6:49-55
@ ./src/router/index.ts 137:27-84
@ ./src/main.ts 6:0-30 18:8-14


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 (2)


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 this now you need to change imports from

import { useI18n } from "vue-i18n/index";

to

import { useI18n } from "vue-i18n";



Hello,

I did applied your change on every projet file but still got the error since my new fresh install.

Module not found: Error: Package path ./index is not exported from package /Users/rodge/Sites/xxxx/xxxx/node_modules/vue-i18n (see exports field in /Users/rodge/Sites/xxxx/xxxx/node_modules/vue-i18n/package.json)


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