Vue-cli4.0.x報錯Unexpected console statement

尤大大10月22日把腳手架更新到了4.0.5版本，新項目入手4.0版本開發，隨後會持續記錄4.x版本的坑

（只有永遠躺在泥坑裏的人,纔不會掉進坑裏）

每次看到尤大大在笑我就想哭...，因爲又要學新的了.....

代碼：

Login: {
        user: "",    //用戶名
        password: "" //密碼
      },
-------------------------------------------
 watch: {
    Login: {       
      handler(newName, oldName) {
        console.log(newName);
        console.log(oldName);
      },
      deep: true //深度監聽
    }
  },

這看似平靜的湖面似乎沒有什麼異常，當回到頁面的時候卻掀起了萬丈波瀾

報錯內容：Unexpected console statement（意想不到的控制檯聲明）

error: Unexpected console statement (no-console) at src\components\Login\Login.vue:44:9:
  42 |       handler(newName, oldName) {
  43 |         console.log(newName);
> 44 |         console.log(oldName);
     |         ^
  45 |       },
  46 |       deep: true
  47 |     }

發現問題：

console.log （）/ alert（）語法錯誤

解決問題：

方案①：console.log（）改爲 window.console.log（） 

強烈不推薦，太麻煩；

方案②：src同級目錄下 > package.json文件

第24行 eslintConfig：{}  //配置eslint校驗規則

rules對象添加屬性  "no-console":"off "  

配置完之後，必須重新啓動項目，否則不生效！！

 

---

如果我的博客幫助你解決了開發問題，請不要吝嗇你的小紅心哦！❤

---