คำเตือนมัณฑนากรตกแต่งภายในในการรวบรวม TypeScript

ฉันได้รับคำเตือน ...

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

... แม้ว่าคอมไพเลอร์ตัวเลือกของฉันใน tsconfig.json มีการตั้งค่าต่อไปนี้:

"emitDecoratorMetadata": true,
"experimentalDecorators": true,

สิ่งที่แปลกคือบางชั้นเรียนแบบสุ่มที่ใช้มัณฑนากรไม่แสดงคำเตือน แต่ส่วนที่เหลือในโครงการเดียวกันทำ

สิ่งที่อาจทำให้เกิดพฤติกรรมดังกล่าวในคอมไพเลอร์ TypeScript?

แม้ว่า VS Code เป็นตัวแก้ไขที่ยอดเยี่ยมสำหรับโปรเจ็กต์ของ TypeScript แต่ก็ต้องมีการเตะเป็นระยะ ๆ บ่อยครั้งที่ไม่มีการเตือนไฟล์บางไฟล์ทำให้เกิดความผิดปกติและบ่น tsconfig.jsonส่วนใหญ่การแก้ไขน่าจะเป็นในการบันทึกและปิดไฟล์ที่เปิดอยู่ทั้งหมดแล้วเปิด หลังจากนั้นคุณควรจะสามารถเปิดไฟล์ที่ละเมิดอีกครั้งโดยไม่มีข้อผิดพลาด หากไม่ได้ผลให้ล้างออกแล้วทำซ้ำ

หากคุณtsconfig.jsonระบุไฟล์ต้นฉบับโดยใช้filesอาร์เรย์ IntelliSense จะทำงานได้อย่างถูกต้องหากไฟล์ที่เป็นปัญหานั้นมีการอ้างอิงเช่นนั้นรหัส VS สามารถค้นหาได้โดยการข้ามผ่านแผนผังไฟล์อินพุต

แก้ไข: คำสั่ง 'หน้าต่างโหลดซ้ำ' (เพิ่มวัยมาแล้ว) ควรแก้ปัญหานี้ทันทีและสำหรับทั้งหมด

ฉันจะเพิ่มต่อไปนี้ในไฟล์ settings.json ของ vscode เพื่อลบคำเตือน

"javascript.implicitProjectConfig.experimentalDecorators": true

VSCode -> Preferences -> Settings

ข้อผิดพลาดนี้เกิดขึ้นเมื่อคุณเลือกโฟลเดอร์ "src" สำหรับโฟลเดอร์เวิร์กสเปซของคุณ

เมื่อเลือกโฟลเดอร์รูทโฟลเดอร์ที่เลือกตำแหน่ง "src", "node_modules" ข้อผิดพลาดจะหายไป

ไฟล์ -> การตั้งค่า -> การตั้งค่า

ภายในโครงการของคุณสร้างไฟล์ tsconfig.json จากนั้นเพิ่มบรรทัดนี้

{
    "compilerOptions": {
        "experimentalDecorators": true,
        "allowJs": true
    }
}

ต้องเพิ่มtypescript.tsdkในของฉัน.vscode/settings.json:

"typescript.tsdk": "node_modules/typescript/lib"

ใน VSCode ให้ไปที่ไฟล์ => การตั้งค่า => การตั้งค่า (หรือการควบคุม + เครื่องหมายจุลภาค) และมันจะเปิดไฟล์การตั้งค่าผู้ใช้ ค้นหา "javascript.implicitProjectConfig.experimentalDecorators": true จากนั้นทำเครื่องหมายที่ช่องทำเครื่องหมายสำหรับตัวทดลองทดลองกับตัวแปลงไฟล์และควรแก้ไข มันทำเพื่อฉัน

ใน Visual Code Studio ไปที่ไฟล์ >> การตั้งค่า >> การตั้งค่าค้นหา "มัณฑนากร" ในช่องค้นหาและตรวจสอบตัวเลือกเช่นเดียวกับในภาพ

เปิดsettings.jsonไฟล์ในตำแหน่งต่อไปนี้<project_folder>/.vscode/settings.json

หรือคุณสามารถเปิดไฟล์จากเมนูตามที่ระบุไว้ด้านล่าง

VSCode -> File -> Preferences -> Workspace Settings

จากนั้นเพิ่มบรรทัดต่อไปนี้ในsettings.jsonไฟล์

{
    "typescript.tsdk": "node_modules/typescript/lib",
    "enable_typescript_language_service": false
}

นั่นคือทั้งหมดที่ คุณจะไม่เห็นคำเตือน / ข้อผิดพลาดเกี่ยวกับ ' TrialDecorators '

คำตอบนี้มีไว้สำหรับคนที่กำลังใช้Javascriptโครงการและไม่ได้เป็นtypescriptหนึ่ง แทนที่จะใช้ไฟล์tsconfig.jsonคุณสามารถใช้ไฟล์jsconfig.json

ในกรณีที่มีการแจ้งเตือนการตกแต่งคุณต้องเขียนภายในไฟล์:

{
    "compilerOptions": {
        "experimentalDecorators": true
    }
}

เสริมการทำงานของ buggy ที่ขอให้ดีกว่าเสมอเพื่อระบุ "รวม" ในไฟล์กำหนดค่าและเริ่มต้นตัวแก้ไขใหม่ เช่น

{
    "compilerOptions": {
        "target": "ES6",
        "experimentalDecorators": true
    },
    "include": [
        "app/**/*"
    ],
    "exclude": [
        "node_modules"
    ]
}

"javascript.implicitProjectConfig.experimentalDecorators": true

จะแก้ปัญหานี้

เพิ่มบรรทัดต่อไปนี้ใน tsconfig.json และรีสตาร์ทรหัส VS

{
    "compilerOptions": {
        "experimentalDecorators": true,
        "target": "es5",
        "allowJs": true
    }
}

ไม่ควรปฏิเสธ แต่ควรเพิ่มสิ่งต่อไปนี้

• การตั้งค่าพื้นที่ทำงานไม่ใช่การตั้งค่าผู้ใช้

ภายใต้ไฟล์ >> ค่ากำหนด >> การตั้งค่า

"javascript.implicitProjectConfig.experimentalDecorators": จริง

ปัญหานี้แก้ไขได้สำหรับฉันและฉันลองใช้คำแนะนำเล็กน้อยที่ฉันพบที่นี่และที่อื่น ๆ

ฉันมีปัญหานี้เมื่อเร็ว ๆ นี้ภายใต้ Visual Studio 2017 - เปิดออกมันก็เกิดจาก "คุณสมบัติ" ของ VS - ละเลย tsconfig.json เมื่อมีการกระทำรูปร่างไม่ได้ตั้งค่าไปยังเนื้อหา

ดังนั้นการเปลี่ยนการดำเนินการ Build เป็นเนื้อหาและโหลดโซลูชันใหม่เพื่อแก้ไขปัญหา

เพื่อความชัดเจนและโง่เขลา

1) เปิด. vscode / settings.json

2) เพิ่ม "typescript.tsdk": "node_modules / typescript / lib" บนมัน

3) บันทึก

4) รีสตาร์ท Visual Studio Code

หากคุณกำลังทำงานใน Visual Studio คุณสามารถลองแก้ไขได้

1. ยกเลิกการโหลดโครงการของคุณจาก visual studio
2. ไปที่โฮมไดเรกทอรีของโครงการและเปิดไฟล์ "csproj"

3. เพิ่ม TypeScriptExperimentalDecorators ในส่วนนี้ตามที่แสดงในภาพ

   

   4. โหลดโครงการใน Visual Studio

ดูรายละเอียดเพิ่มเติมได้ที่นี้ที่ตั้ง

หากคุณใช้ไฟล์ cli เพื่อคอมไพล์ไฟล์ * .ts คุณสามารถตั้งค่า TrialDecorators โดยใช้คำสั่งต่อไปนี้:

 tsc filename.ts --experimentalDecorators "true"

โปรดตรวจสอบว่าคุณได้คัดค้าน VS Code ในโฟลเดอร์ของโครงการทั้งหมดและไม่เพียง แต่โฟลเดอร์ src เพราะถ้าคุณเปิดเฉพาะ src ไฟล์ ts.config.json (อยู่ในโฟลเดอร์โครงการ) จะไม่อยู่ในขอบเขตและ VS จะไม่รู้จักพารามิเตอร์ของเครื่องมือตกแต่งภายใน

ในกรณีของฉันนี้แก้ไขปัญหาทั้งหมดที่เกี่ยวข้องกับปัญหานี้

1. เปิด VScode
2. กด ctrl + เครื่องหมายจุลภาค
3. ทำตามคำแนะนำในภาพหน้าจอ
   1. ค้นหาเกี่ยวกับอุปกรณ์ทดลอง
   2. แก้ไขมัน

เปิดโฟลเดอร์ของโครงการทั้งหมดแทน project-name / src

tsconfig.json ไม่อยู่ในโฟลเดอร์ src

ฉันแก้ไขคำเตือนโดยการลบ "baseUrl": "", จากไฟล์ tsconfig.json

คุณอาจพบปัญหานี้หากคุณเปิดไฟล์ TS ที่มีอยู่นอกโครงการ เช่นฉันใช้ lerna และเปิดไฟล์จากแพ็คเกจอื่น แม้ว่าแพคเกจอื่นนั้นมี tsconfig ของตัวเองกับผู้ตกแต่งทดลอง VsCode ไม่ให้เกียรติ

ฉันประสบปัญหาเดียวกันในขณะที่สร้างInjectable Services ใน Angular 2 ฉันมีทุกสิ่งใน tsconfig.json ยังคงฉันได้รับข้อผิดพลาดที่บรรทัด ColorsImmutable

@Injectable()
export class ColorsImmutable {

และแก้ไขคือการลงทะเบียนบริการที่ระดับโมดูลหรือระดับส่วนประกอบโดยใช้อาร์เรย์ผู้ให้บริการ

providers:[ColorsImmutable ],

หากคุณใช้ Deno JavaScript และรันไทม์ TypeScript และคุณเปิดใช้งาน TrialDecorators: true ใน tsconfig.json หรือการตั้งค่า VSCode ide มันจะไม่ทำงาน ตามข้อกำหนดของ Deno คุณต้องระบุ tsconfig เป็นแฟล็กเมื่อรันไฟล์ Deno ดูตัวเลือกคอมไพเลอร์ TypeScript ที่กำหนดเอง

ในกรณีของฉันโดยเฉพาะฉันใช้การทดสอบ Deno และใช้งาน

$ deno test -c tsconfig.json

ถ้าเป็นไฟล์คุณมีสิ่งที่ชอบ

 $ deno run -c tsconfig.json mod.ts

tsconfig.json ของฉัน

{
  "compilerOptions": {
    "allowJs": true,
    "experimentalDecorators": true,
    "emitDecoratorMetadata": true,
    "module": "esnext"
  }
}

ฉันเพิ่มตัวเลือกนี้ใน tsconfig.json, "baseUrl": "front-end"แทนที่ front-end ด้วยชื่อของโปรเจค angular-cli ของคุณ

ng buildนอกจากนี้คุณยังสามารถลองด้วย ฉันเพิ่งสร้างแอพขึ้นใหม่และตอนนี้มันไม่ได้ปฏิบัติตาม

ดังนั้นปรากฎว่าคุณสามารถแก้ไขได้โดยการจับคู่ชื่อโมดูลกับชื่อไฟล์ หากคุณมีชื่อโมดูล BankSpecialtyModule ดังนั้นชื่อไฟล์ควรเป็น ธนาคาร specialty.module.ts

ฉันพบข้อผิดพลาดนี้เมื่อฉันสร้างโมดูลใหม่และย้ายไฟล์ * .module.ts และ * -routing.module.ts ไปยังโฟลเดอร์อื่น หลังจากที่ฉันลบทั้งสองไฟล์และสร้างโมดูลในโฟลเดอร์ใหม่มันทำงานได้อย่างสมบูรณ์ Environment Angular เวอร์ชัน 9 และ Angular CLI เวอร์ชัน 9.1.0