tslint บอกว่าไม่อนุญาตให้โทรไปที่ console.log - ฉันจะอนุญาตได้อย่างไร

ฉันเพิ่งเริ่มใช้ create-react-app กับ typescript

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

และคอนฟิกูเรชัน tslint.json ดีฟอลต์ไม่อนุญาต console.log ()

ฉันจะเปิดใช้งาน console.log ได้อย่างไร

เอกสารสำหรับการนี้อยู่ที่ https://palantir.github.io/tslint/rules/no-console/ แต่พวกเขาไม่ได้บอกว่าจะวางบรรทัดนี้ไว้ที่ไหน:

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

ฉันค้นหาและพบไวยากรณ์ไฟล์การกำหนดค่า tslint.jsonนี้ดังนั้นฉันจึงลองสิ่งนี้:

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

ในความพยายามที่จะรับข้อความบันทึกที่เป็นเพียงคำเตือน แต่นั่นไม่ได้ผล

ฉันได้แสดงความคิดเห็นเกี่ยวกับ console.log () บางบรรทัดที่ฉันมี แต่จะต้องการให้ทำได้ในอนาคต

เพิ่ม// tslint:disable-next-line:no-consoleในบรรทัดก่อนโทรconsole.logเพื่อป้องกันข้อความแสดงข้อผิดพลาดเพียงครั้งเดียว

หากคุณต้องการปิดใช้งานกฎทั้งหมดให้เพิ่มสิ่งต่อไปนี้ลงtslint.jsonในโฟลเดอร์รากของคุณ:

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

สำหรับพวกคุณที่มาที่นี่ด้วย codebase แบบผสมของ javascript และ typescript

คุณอาจต้องกำหนดอ็อพชัน 'no-console' ใน jsRules อ็อบเจกต์กฎ jslints สำหรับไฟล์ javascript กล่าวคือมีอ็อบเจ็กต์กฎแยกต่างหากสำหรับ javascript และ typescript

//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
  }
}

เพิ่มสิ่งต่อไปนี้ในไฟล์ tslint.json

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

นี่คือไวยากรณ์ที่ถูกต้องในการกำหนดกฎ no-console (หรือกฎอื่น ๆ สำหรับเรื่องนั้น) แต่จะมีเพียงคำเตือนแทนที่จะเป็นข้อผิดพลาด (เห็นได้ชัดว่าเปลี่ยนตัวเลือกเป็นสิ่งที่คุณต้องการ)

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

ใน typeScript เวอร์ชัน 3 อัปเดต tslint.json ภายใต้กฎสำคัญดังนี้:

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

ด้วยวิธีนี้คุณเพียงแค่ระบุ debug, time, timeEnd, trace ที่จะไม่ใช้ถ้าใน tslint เริ่มต้นของคุณ "info" อยู่ในรายการเพียงแค่ลบออก

วิธีที่ฉันจัดการกับกฎ "no-console" ของ tslintคือต่อไฟล์ที่ฉันพบว่าสะดวกและแยกได้ในขั้นตอนการพัฒนา

ทันทีที่ฉันต้องใช้ console.log () ตัวแรก; Visual Studio Code แสดงตัวเลือกในการเพิ่ม:

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

console.log ();

ที่นี่ฉันแค่ลบ "-next-line" และคำสั่งนี้จะครอบคลุมทั้งไฟล์

// tslint: ปิดการใช้งาน: no-console

console.log ();

ฉันหวังว่ามันจะช่วยเป็นอีกทางเลือกหนึ่งในการปิดใช้งานคุณสมบัติสำหรับทั้งแอพ

RON

ตามเอกสาร: https://eslint.org/docs/user-guide/getting-started#configuration

• "off" หรือ 0 - ปิดกฎ
• "เตือน" หรือ 1 - เปิดกฎเป็นคำเตือน (ไม่มีผลกับรหัสทางออก)
• "error" หรือ 2 - เปิดกฎเป็นข้อผิดพลาด (รหัสทางออกจะเป็น 1)

อย่างไรก็ตามการตั้งค่าที่ถูกต้องของคุณจะเป็น

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

หาก// tslint:disable-next-line:no-consoleไม่ได้ผลให้ลองใช้// 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
    }
 }