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

Metronic Theme - Vue (Latest version)


Hi,

I get alot of errors/notifications inside Visual Studio Code by TS.

Some examples:
- Open ApiService.ts
- Cannot find module 'vue' or its corresponding type declarations.ts(2307)
- Cannot find module 'axios' or its corresponding type declarations.ts(2307)

What causes this problem? Typescript version? How to solve it?


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,

Unfortunately, we were not able to reproduce this issue in the latest Metronic version. These imports don't throw any errors. It might be related to your Visual Studio Code used extension or configuration. Could you please specify which vue extensions are you using in your Visual Studio Code?

You might have an error with Visual Studio Code when using a Volar extension it might highlight some components, to fix this you can refer to the GitHub issue below.
https://github.com/johnsoncodehk/volar/discussions/592#discussioncomment-1763880

Regards,
Lauris Stepanovs,
Keenthemes Support Team



It works in the projects here, tested in version 8.20 metronic, vue3.

Create a file at:
src/shims-vue.d.ts

Code:
declare module '*.vue';


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