Tag Archives: Require self-closing on HTML elements () vue/html-self-closing

Solutions to nuxt error reporting require self closing on HTML elements (< div >) Vue / HTML self closing

First find the .eslintrc.js file

Then add the following configuration in the rules

" vue/html-self-closing " : [ " error " ,{
       " html " : {
         " void " : " never " ,
         " normal " : " any " ,
         " component " : " any "
      },
      " svg " : " always " ,
       " math " : " always " 
    }]

 

ok, solve the problem perfectly

The complete configuration is as follows

  rules: {
     ' no-console ' : process.env.NODE_ENV === ' production ' ? ' error ' : ' off ' ,
     ' no-debugger ' : process.env.NODE_ENV === ' production ' ? ' error ' : ' off ' ,
     ' generator-star-spacing ' : ' off ' ,
     " vue/html-self-closing " :[ " error ",{
       " html " : {
         " void " : " never " ,
         " normal " : " any " ,
         " component " : " any "
      },
      " svg " : " always " ,
       " math " : " always "
    }]
  }