Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

vue Inquiry about error occurred during import


After purchasing the theme, an error occurs when you import the vscode folder and run it.

vscode -> npm intall ->npm run dev error
An error has occurred.

version
node version : v16.20.2
vue version : @vue/cli 5.0.8

select project : https://keenthemes.com/products/rider-vue-pro

-------------------------error details----------------------
PS C:\Users\CHOI\Downloads\start_vue_pro_v1.1.0\theme> npm run dev

> start-vue-pro@1.1.0 dev
> vite


VITE v4.4.9 ready in 5179 ms

➜ Local: http://127.0.0.1:5173/start-vue-pro/
➜ Network: use --host to expose
➜ press h to show help
X [ERROR] Failed to resolve entry for package "@intlify/shared". The package may have incorrect main/module/exports specified in its package.json: No known conditions for "." specifier in "@intlify/shared" package [plugin vite:dep-pre-bundle]

node_modules/esbuild/lib/main.js:1373:21:
1373 │ let result = await callback({
╵ ^

at packageEntryFailure (file:///C:/Users/CHOI/Downloads/start_vue_pro_v1.1.0/theme/node_modules/vite/dist/node/chunks/dep-df561101.js:28691:11)
at resolvePackageEntry (file:///C:/Users/CHOI/Downloads/start_vue_pro_v1.1.0/theme/node_modules/vite/dist/node/chunks/dep-df561101.js:28686:9)
at tryNodeResolve (file:///C:/Users/CHOI/Downloads/start_vue_pro_v1.1.0/theme/node_modules/vite/dist/node/chunks/dep-df561101.js:28419:20)
at Context.resolveId (file:///C:/Users/CHOI/Downloads/start_vue_pro_v1.1.0/theme/node_modules/vite/dist/node/chunks/dep-df561101.js:28180:28)
at Object.resolveId (file:///C:/Users/CHOI/Downloads/start_vue_pro_v1.1.0/theme/node_modules/vite/dist/node/chunks/dep-df561101.js:44207:64)
at processTicksAndRejections (node:internal/process/task_queues:96:5)
at async file:///C:/Users/CHOI/Downloads/start_vue_pro_v1.1.0/theme/node_modules/vite/dist/node/chunks/dep-df561101.js:65837:21
at async file:///C:/Users/CHOI/Downloads/start_vue_pro_v1.1.0/theme/node_modules/vite/dist/node/chunks/dep-df561101.js:39941:34
at async requestCallbacks.on-resolve (C:\Users\CHOI\Downloads\start_vue_pro_v1.1.0\theme\node_modules\esbuild\lib\main.js:1373:22)
at async handleRequest (C:\Users\CHOI\Downloads\start_vue_pro_v1.1.0\theme\node_modules\esbuild\lib\main.js:729:13)

This error came from the "onResolve" callback registered here:

node_modules/esbuild/lib/main.js:1292:20:
1292 │ let promise = setup({
╵ ^

at setup (file:///C:/Users/CHOI/Downloads/start_vue_pro_v1.1.0/theme/node_modules/vite/dist/node/chunks/dep-df561101.js:39921:19)
at handlePlugins (C:\Users\CHOI\Downloads\start_vue_pro_v1.1.0\theme\node_modules\esbuild\lib\main.js:1292:21)
at buildOrContextImpl (C:\Users\CHOI\Downloads\start_vue_pro_v1.1.0\theme\node_modules\esbuild\lib\main.js:978:5)
at Object.buildOrContext (C:\Users\CHOI\Downloads\start_vue_pro_v1.1.0\theme\node_modules\esbuild\lib\main.js:786:5)
at C:\Users\CHOI\Downloads\start_vue_pro_v1.1.0\theme\node_modules\esbuild\lib\main.js:2186:68
at new Promise (<anonymous>)
at Object.context (C:\Users\CHOI\Downloads\start_vue_pro_v1.1.0\theme\node_modules\esbuild\lib\main.js:2186:27)
at Object.context (C:\Users\CHOI\Downloads\start_vue_pro_v1.1.0\theme\node_modules\esbuild\lib\main.js:2026:58)
at prepareEsbuildOptimizerRun (file:///C:/Users/CHOI/Downloads/start_vue_pro_v1.1.0/theme/node_modules/vite/dist/node/chunks/dep-df561101.js:45967:35)

The plugin "vite:dep-pre-bundle" was triggered by this import

node_modules/vue-i18n/dist/vue-i18n.cjs:8:21:
8 │ var shared = require('@intlify/shared');
╵ ~~~~~~~~~~~~~~~~~
-------------------------error details end----------------------


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,

Thank you for your feedback.

We have reproduced this error, and it seems to be an issue in the vue-i18n source code. We are working on an update to fix this problem, and it will be released as soon as possible.

In the meantime, as a temporary solution, you can manually update the vue-i18n dependency to version 9.2.2 in your package.json file:


"vue-i18n": "9.2.2",


For more details and updates regarding this error, please refer to the GitHub issue here.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


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