tslint cho biết các lệnh gọi đến console.log không được phép - Làm cách nào để cho phép điều này?

Tôi vừa mới bắt đầu sử dụng ứng dụng tạo-phản ứng với chữ viết

create-react-app my-app --scripts-version=react-scripts-ts

và cấu hình tslint.json mặc định không cho phép console.log ().

Làm cách nào để tôi (hiện tại) bật console.log?

Tài liệu cho việc này có tại https://palantir.github.io/tslint/rules/no-console/ . Nhưng họ không nói nơi đặt dòng này:

    "no-console": [true, "log", "error"]

Tôi đã tìm kiếm và tìm thấy cú pháp tệp cấu hình tslint.json này , vì vậy tôi đã thử điều này:

"rules": {
    "no-console": [true, "warning"]
}

Trong một nỗ lực để có được các thông báo nhật ký chỉ là cảnh báo. Nhưng điều đó đã không thành công.

Tôi đã nhận xét về một vài dòng console.log () mà tôi có nhưng tôi sẽ muốn có thể làm điều này trong tương lai.

Thêm // tslint:disable-next-line:no-consolevào dòng ngay trước khi bạn gọi đếnconsole.log để ngăn thông báo lỗi chỉ một lần.

Nếu bạn muốn vô hiệu hóa hoàn toàn quy tắc, hãy thêm phần sau vào của bạn tslint.json(rất có thể trong thư mục gốc của bạn):

{
    "rules": {
        "no-console": false
    }
}

Đối với những người trong số các bạn đến đây với cơ sở mã hỗn hợp của javascript và typecript.

Bạn có thể cần xác định tùy chọn 'no-console' trong jsRules, đối tượng quy tắc jslints cho các tệp javascript, tức là có các đối tượng quy tắc riêng biệt cho javascript và typecript.

//tslint.json

{
  "extends": ["tslint:recommended", "tslint-react", "tslint-config-prettier"], //Example... 
  "rules": {
    "no-console": false //Disable for typescript
  },
  "jsRules": {
    "no-console": false //Disable for javascript
  }
}

Thêm phần sau vào của bạn tslint.json

{
   "rules": {
      "no-console": {
         "severity": "warning",
      } 
   }
}

Đây là cú pháp chính xác để xác định quy tắc no-console (hoặc bất kỳ quy tắc nào khác cho vấn đề đó) nhưng chỉ với một cảnh báo chứ không phải là một lỗi (rõ ràng là thay đổi các tùy chọn thành bất cứ điều gì bạn muốn)

"no-console": {
    "severity": "warning",
    "options": [
        "log",
        "error",
        "debug",
        "info",
        "time",
        "timeEnd",
        "trace"
    ]
},

trong phiên bản typeScript 3, hãy cập nhật tslint.json theo quy tắc chính như bên dưới:

"no-console": [
    true,
    "debug",
    "time",
    "timeEnd",
    "trace"
],

Bằng cách này, bạn chỉ cần chỉ định gỡ lỗi, thời gian, timeEnd, dấu vết không được sử dụng, nếu trong danh sách "thông tin" tslint mặc định của bạn, chỉ cần loại bỏ nó.

Cách tôi xử lý quy tắc tslint "no-console" là trên mỗi tệp mà tôi nhận thấy là thuận tiện và bị cô lập trong giai đoạn phát triển.

Ngay khi tôi cần sử dụng console.log () đầu tiên; Visual Studio Code hiển thị tùy chọn để thêm:

// tslint: disable-next-line: no-console

console.log ();

Vì vậy, ở đây tôi chỉ xóa "-next-line" và lệnh này sẽ bao gồm toàn bộ tệp.

// tslint: disable: no-console

console.log ();

Tôi hy vọng nó sẽ hữu ích như một giải pháp thay thế để tắt tính năng này cho toàn bộ ứng dụng.

RON

Theo tài liệu: https://eslint.org/docs/user-guide/getting-started#configuration

• "tắt" hoặc 0 - tắt quy tắc
• "cảnh báo" hoặc 1 - bật quy tắc làm cảnh báo (không ảnh hưởng đến mã thoát)
• "error" hoặc 2 - bật quy tắc khi bị lỗi (mã thoát sẽ là 1)

Nhân tiện, thiết lập chính xác của bạn sẽ là

{
  "rules": {
    "no-console": false
  }
}

nếu // tslint:disable-next-line:no-consolekhông hiệu quả, hãy thử với// eslint:disable-next-line:no-console

  {
    "extends": ["tslint:recommended", "tslint-react", "tslint-config-prettier"],
    "linterOptions": {
        "exclude": [
            "config/**/*.js",
            "node_modules/**/*.ts",
            "coverage/lcov-report/*.js"
        ]
    },
    "rules": {
        "no-console": false
    },
    "jsRules": {
        "no-console": false
    }
 }