Light
Dark
System
Ask  Question

[VUE] on vscode - some components are in error (IDE only)


Hi all,

I have an error using the vscode IDE and the metronic demo1 for vuejs.
I do not have any custom modification in it yet, so the code is the original one.
I am using VSCode in a macos running all the last version of it.
I am using the extension volar for VUE.

Some of the components are in error in the UI, when using it.
Example:


<pre lang="html">
<field class="form-control form-control-lg form-control-solid" type="password" placeholder="" name="password_confirmation" autocomplete="off"></field>


Is all highlighted of red and the error is the following:
JSX element class does not support attributes because it does not have a 'props' property.ts(2607)

Is it my env to have some problems?
Do anybody else had and solved this issue?

Thanks
G
Guest 1 year ago
Vue
3 Answers
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)

S
Sean Author1 year ago

Hi,

Could you please clarify your Metronic version ?

Regards.


G
Guest 1 year ago

Hi, the version is 8.1.1


user
Lauris Stepanovs Author1 year ago

Hi,

Sorry for the late reply.

It is a Volar plugin issue.

Please see the following solutions:
https://github.com/johnsoncodehk/volar/discussions/592
https://github.com/johnsoncodehk/volar/discussions/592#discussioncomment-1763880


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

Metronic

Go to MetronicDownloadsPurchase MetronicRefunds

React Dev Vacancy

KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply
keenthemes mega bundle