ESlint 檢查項及其解決辦法

谁践踏了优雅 2022-04-11 03:24 278阅读 0赞

1.錯誤提示

✘  http://eslint.org/docs/rules/no-trailing-spaces  Trailing spaces not allowed  
  src\\App.vue:2:17  
    <div id="app">

方案1.這句的意思是 在<div id="app">這行代碼後面存在空格,去掉空格

![20181204161745861.png][]  
方案2,調整規則,但是目前規則(ESLint 0.7.1.)設定里只有註釋行和空白行設定允許空格  
參考 [https://eslint.org/docs/rules/no-trailing-spaces\#disallow-trailing-whitespace-at-the-end-of-lines-no-trailing-spaces][https_eslint.org_docs_rules_no-trailing-spaces_disallow-trailing-whitespace-at-the-end-of-lines-no-trailing-spaces]  
項目下.eslintrc.js文件 rules節點下設定  
// ignoreComments 允许注释尾随空格,skipBlankLines允许 空行空格  
'no-trailing-spaces':\["error", \{ "ignoreComments": true ,"skipBlankLines":true\}\],

2.錯誤提示:

✘  http://eslint.org/docs/rules/eol-last  Newline required at end of file but not found  
  src\\components\\second.vue:17:10  
  </script>

方案:這句話的意思是 在文件結尾需要有一個空行

![20181205085446716.png][]

3.錯誤提示

✘  http://eslint.org/docs/rules/key-spacing  Missing space before value for key 'path'  
  src\\router\\index.js:16:12  
        path:'/',

方案:這句話的意思是說在在值('/')和關鍵字(path)之間缺少空格

![20181205085931466.png][]

[20181204161745861.png]: /images/20220411/c4f5b1fcdffb4c5ea8256796a11d6590.png
[https_eslint.org_docs_rules_no-trailing-spaces_disallow-trailing-whitespace-at-the-end-of-lines-no-trailing-spaces]: https://eslint.org/docs/rules/no-trailing-spaces#disallow-trailing-whitespace-at-the-end-of-lines-no-trailing-spaces
[20181205085446716.png]: /images/20220411/391652dcf20b48b3b90e8345898c1ea9.png
[20181205085931466.png]: /images/20220411/2a5ba50a60884a599c30190dd93e26ee.png