如何處理 AirBNB 配置中沖突的 eslint 規則

Question

我是一個嘗試在 Vue 中編寫 POC 的菜鳥。 我在 AirBNB 配置中使用 ESLint，但遇到了沖突。

這是我的 Axios 調用的錯誤捕獲部分：

  .catch((error) => {
    errorMsg.value = error;
    console.log('Error is ' + error);
    console.log(`Error is {error}`);
  });

這是我收到的 linter 錯誤：

  50:21  error  Unexpected string concatenation  prefer-template
  51:21  error  Strings must use singlequote     quotes

✖ 2 problems (2 errors, 0 warnings)

由於這兩個相互沖突的規則，我似乎無法獲得我想要的輸出。 我究竟做錯了什么？

Answer 1

JS 中的字符串插值需要$符號。 所以你應該使用：

.catch((error) => {
    errorMsg.value = error;
    console.log('Error without interpolation'); // Single quotes for simple strings
    console.log(`Error is ${error}`); // Template for interpolation
  });