VueJs demo1@8.1.1 - Failed to compile with 1 error

Why VueJs demo1@8.1.1 - Failed to compile with 1 error ?

> vue-cli-service serve

INFO Starting development server...


ERROR Failed to compile with 1 error 19:48:40

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:\demo\node_modules\vue-i18n (see exports field in C:\demo\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:\demo\node_modules\vue-i18n (see exports field in C:\demo\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:\demo\node_modules\vue-i18n (see exports field in C:\demo\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:\demo\node_modules\vue-i18n (see exports field in C:\demo\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:\demo\node_modules\vue-i18n (see exports field in C:\demo\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

ERROR in ./src/core/plugins/i18n.ts 1:0-44
Module not found: Error: Package path ./index is not exported from package C:\demo\node_modules\vue-i18n (see exports field in C:\demo\node_modules\vue-i18n\package.json)
@ ./src/main.ts 9:0-39 24:8-12

webpack compiled with 5 errors
ERROR in src/components/widgets/charts/Widget1.vue:135: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?: b
oolean | 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 | unde
fined; rangeBarGroupRows?: boolean | undefined; colors?: { ...; } | undefined; dataLabels?: { ...; } |...'.
133 | horizontal: false,
134 | columnWidth: "30%",
> 135 | endingShape: "rounded",
| ^^^^^^^^^^^^^^^^^^^^^^
136 | },
137 | },
138 | legend: {

ERROR in src/components/widgets/charts/Widget2.vue:133: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?: b
137 | columnWidth: "12%",
138 | },
139 | },

ERROR in src/components/widgets/mixed/Widget10.vue:116: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?: b
oolean | 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 | unde
fined; rangeBarGroupRows?: boolean | undefined; colors?: { ...; } | undefined; dataLabels?: { ...; } |...'.
114 | horizontal: false,
115 | columnWidth: "50%",
> 116 | endingShape: "rounded",
| ^^^^^^^^^^^^^^^^^^^^^^
117 | },
118 | },
119 | legend: {

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

Hi,

From your error it seems that in some widgets there are wrong properties in the chart configuration, it must be fixed in the latest Metronic version.

Can you try to remove these properties which throw errors?

I have version 8.1.1, is it last version?

Yes, v8.1.1 is the latest Metronic version.

Have you tried to remove these wrong properties from the charts configuration object?

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