Cảnh báo trang trí thử nghiệm trong trình biên dịch TypeScript

Tôi nhận được cảnh báo ...

Hỗ trợ thử nghiệm cho các nhà trang trí là một tính năng có thể thay đổi trong phiên bản tương lai. Đặt tùy chọn 'ExperDecorators' để xóa cảnh báo này.

... mặc dù trình biên dịch của tôi trong tsconfig.json có các cài đặt sau:

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

Điều kỳ lạ là một số lớp ngẫu nhiên sử dụng trang trí không hiển thị cảnh báo đó nhưng phần còn lại trong cùng một dự án thì có.

Điều gì có thể gây ra hành vi như vậy trong trình biên dịch TypeScript?

Mặc dù VS Code là một trình soạn thảo tuyệt vời cho các dự án TypeScript, nhưng nó cần một cú hích mọi lúc mọi nơi. Thông thường, không có cảnh báo, một số tệp nhất định khiến nó hoảng loạn và phàn nàn. Chủ yếu là sửa lỗi dường như là lưu và đóng tất cả các tệp đang mở, sau đó mở tsconfig.json. Sau đó, bạn sẽ có thể mở lại tệp vi phạm mà không gặp lỗi. Nếu nó không hoạt động, hãy rửa, rửa và lặp lại.

Nếu bạn tsconfig.jsonchỉ định các tệp nguồn của nó bằng cách sử dụng filesmảng, IntelliSense sẽ chỉ hoạt động chính xác nếu tệp được đề cập được tham chiếu sao cho Mã VS có thể tìm thấy nó bằng cách duyệt qua cây tệp đầu vào.

Chỉnh sửa: Lệnh 'tải lại cửa sổ' (được thêm từ lâu rồi bây giờ) sẽ giải quyết vấn đề này một lần và mãi mãi.

Tôi phải thêm phần sau vào tệp settings.json của vscode để xóa cảnh báo.

"javascript.implicitProjectConfig.experimentalDecorators": true

VSCode -> Tùy chọn -> Cài đặt

Lỗi này cũng xảy ra khi bạn chọn thư mục "src" cho thư mục không gian làm việc của bạn.

Khi thư mục gốc, thư mục chứa "src", "node_modules" được chọn, lỗi sẽ biến mất

Tệp -> Tùy chọn -> Cài đặt

bên trong dự án của bạn tạo tệp tsconfig.json, sau đó thêm dòng này

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

phải thêm typescript.tsdkvào .vscode/settings.json:

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

Trong VSCode, đi tới Tệp => Tùy chọn => Cài đặt (hoặc Điều khiển + dấu phẩy) và nó sẽ mở tệp Cài đặt người dùng. Tìm kiếm "javascript.implicitProjectConfig.experimentalDecorators": true và sau đó kiểm tra hộp kiểm cho ExperDecorators vào tệp và nó sẽ sửa nó. Nó đã làm cho tôi.

Trong Visual Code Studio Chuyển đến Tệp >> Tùy chọn >> Cài đặt, Tìm kiếm "trang trí" trong trường tìm kiếm và Kiểm tra tùy chọn như trong ảnh.

Mở settings.jsontệp ở vị trí sau<project_folder>/.vscode/settings.json

hoặc bạn có thể mở tệp từ menu như được đề cập dưới đây

VSCode -> File -> Preferences -> Workspace Settings

Sau đó thêm các dòng sau vào settings.jsontập tin

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

Đó là tất cả. Bạn sẽ không thấy cảnh báo / lỗi nào liên quan đến ' ExperDecorators '

Câu trả lời này dành cho những người đang sử dụng một javascript dự án và không phải là một nguyên cảo một. Thay vì tệp tsconfig.json, bạn có thể sử dụng tệp jsconfig.json .

Trong trường hợp cụ thể có cảnh báo trang trí, bạn sẽ viết bên trong tệp:

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

Yêu cầu các hành vi lỗi được yêu cầu, tốt hơn là chỉ định "bao gồm" trong tệp cấu hình và khởi động lại trình chỉnh sửa. Ví dụ

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

"javascript.implicitProjectConfig.experimentalDecorators": true

Sẽ giải quyết vấn đề này.

Thêm các dòng sau trong tsconfig.json và khởi động lại Mã VS.

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

Không tin vào quan điểm nhưng hãy chắc chắn để thêm những điều sau đây vào

• Cài đặt không gian làm việc không phải Cài đặt người dùng

trong Tệp >> Tùy chọn >> Cài đặt

"javascript.implicitProjectConfig.experimentalDecorators": đúng

điều này đã khắc phục vấn đề cho tôi và tôi đã thử khá nhiều gợi ý tôi tìm thấy ở đây và những nơi khác.

Tôi đã gặp vấn đề này gần đây trong Visual Studio 2017 - hóa ra nguyên nhân là do "tính năng" của VS - bỏ qua tsconfig.json khi hành động Build không được đặt thành Nội dung .

Vì vậy, việc thay đổi hành động Xây dựng thành Nội dung và tải lại giải pháp đã giải quyết được vấn đề.

Vì lợi ích của sự rõ ràng và ngu ngốc.

1) Mở .vscode / settings.json.

2) Thêm "typecript.tsdk": "node_modules / typecript / lib" trên đó.

3) Lưu nó.

4) Khởi động lại mã Visual Studio.

Nếu bạn đang làm việc trong Visual studio. Bạn có thể thử sửa lỗi này

1. Dỡ dự án của bạn từ studio hình ảnh
2. Chuyển đến thư mục nhà dự án của bạn và mở tệp "csproj".

3. Thêm TypeScriptExperimentalDecorators vào phần này như trong hình

   

   4. Tải lại dự án trong Visual studio.

xem thêm chi tiết tại địa điểm này

Nếu bạn đang sử dụng cli để biên dịch các tệp * .ts, bạn có thể đặt ExperDecorators bằng lệnh sau:

 tsc filename.ts --experimentalDecorators "true"

Vui lòng kiểm tra xem bạn đã mở trong Mã VS của bạn thư mục của toàn bộ dự án và không chỉ thư mục src, bởi vì nếu bạn chỉ mở src, thì tệp ts.config.json (nằm trong thư mục dự án) sẽ không nằm trong phạm vi và VS sẽ không nhận ra các tham số trang trí thử nghiệm.

Trong trường hợp của tôi, điều này đã khắc phục tất cả các vấn đề liên quan đến vấn đề này.

1. Mở VScode.
2. Nhấn ctrl + dấu phẩy
3. Thực hiện theo các hướng dẫn trong ảnh chụp màn hình
   1. Tìm kiếm về ExperDecorators
   2. Chỉnh sửa nó

Mở toàn bộ thư mục của dự án thay vì tên dự án / src

tsconfig.json đã ra khỏi thư mục src

Tôi đã sửa cảnh báo bằng cách xóa "baseUrl": "", khỏi tệp tsconfig.json

Bạn có thể gặp phải vấn đề này nếu bạn mở tệp TS tồn tại bên ngoài dự án. Chẳng hạn, tôi đang sử dụng lerna và có một tệp được mở từ gói khác. Mặc dù gói khác có tsconfig riêng với các trang trí thử nghiệm, VsCode không tôn trọng nó.

Tôi đã gặp phải vấn đề tương tự khi tạo Dịch vụ tiêm trong Angular 2. Tôi có tất cả mọi thứ tại tsconfig.json. Cho đến khi tôi gặp lỗi này ở dòng ColorsImmutable.

@Injectable()
export class ColorsImmutable {

Và sửa lỗi là đăng ký Dịch vụ ở cấp mô-đun hoặc Cấp thành phần bằng cách sử dụng mảng nhà cung cấp.

providers:[ColorsImmutable ],

Nếu bạn sử dụng thời gian chạy Deno JavaScript và TypeScript và bạn bật thử nghiệmDecorators: true trong tsconfig.json hoặc cài đặt ide VSCode. Nó sẽ không làm việc. Theo yêu cầu của Deno, bạn cần cung cấp tsconfig dưới dạng cờ khi chạy tệp Deno. Xem Tùy chọn trình biên dịch TypeScript tùy chỉnh

Trong trường hợp cụ thể của tôi, tôi đã chạy thử nghiệm Deno và được sử dụng.

$ deno test -c tsconfig.json

Nếu nó là một tập tin, bạn có một cái gì đó như

 $ deno run -c tsconfig.json mod.ts

tsconfig.json của tôi

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

Tôi đã thêm tùy chọn này vào tsconfig.json, "baseUrl": "front-end"Thay thế front-end bằng tên của dự án angular-cli của bạn.

Bạn cũng có thể thử với ng build. Tôi vừa mới xây dựng lại ứng dụng và bây giờ nó không tuân thủ.

Vì vậy, hóa ra bạn có thể khắc phục điều này bằng cách khớp tên mô-đun của bạn với tên tệp. Nếu bạn có tên mô-đun BankecialtyModule thì tên tệp phải là. ngân hàng-đặc sản.module.ts

Tôi đã gặp lỗi này khi tôi tạo một mô-đun mới và di chuyển tệp * .module.ts và * -routing.module.ts của mình sang một thư mục khác. Sau khi tôi xóa hai tệp và tạo mô-đun trên thư mục mới, nó hoạt động hoàn hảo. Môi trường Angular Phiên bản 9 và Angular CLI phiên bản 9.1.0