Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

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


G
Guest 3 years ago
Vue
3 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

G
Guest 3 years ago

I have version 8.1.1, is it last version?


user
Lauris Stepanovs Author 3 years ago

Yes, v8.1.1 is the latest Metronic version.

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


user
Lauris Stepanovs Author 3 years ago

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?


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(