Попередження експериментальних декораторів у компіляції TypeScript

Я отримую попередження ...

Експериментальна підтримка декораторів - особливість, яка може бути змінена в майбутньому випуску. Встановіть параметр "експериментальні Декоратори", щоб видалити це попередження.

... навіть незважаючи на те, що мої компіляториOptions в 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 -> Налаштування -> Налаштування

Ця помилка також виникає, коли ви вибираєте папку "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 та встановіть прапорець у файлі eksperimentalDecorators до файлу, і він повинен його виправити. Це зробило для мене.

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

Це все. Ви не побачите жодного попередження / помилки щодо " експериментальних декораторів "

Ця відповідь призначена для людей, які використовують проект Javascript, а не Typescript . Замість файлу tsconfig.json ви можете використовувати файл jsconfig.json .

У конкретному випадку попередження декораторів про те, що ви хочете написати всередині файлу:

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

Для встановлення запитуваної поведінки, завжди краще вказати "включити" у файлі конфігурації та перезапустити редактор. Напр

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

"javascript.implicitProjectConfig.experimentalDecorators": true

Вирішить цю проблему.

Додайте наступні рядки в tsconfig.json та перезапустіть VS Code.

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

Не переймайте суть, але не забудьте додати наступне

• Налаштування робочої області не налаштування користувача

у розділі Файл >> Налаштування >> Налаштування

"javascript.implicitProjectConfig.experimentalDecorators": вірно

це вирішило проблему для мене, і я спробував досить багато пропозицій, які я знайшов тут і в інших місцях.

У мене ця проблема була нещодавно в Visual Studio 2017 - виявилося, що її викликала "особливість" VS - ігнорування tsconfig.json, коли дія Build не встановлено на вміст .

Таким чином, зміна дії Build на Зміст та перезавантаження рішення вирішили проблему.

Заради ясності та дурості.

1) Відкрийте .vscode / settings.json.

2) Додайте на нього "typecript.tsdk": "node_modules / typecript / lib".

3) Збережіть його.

4) Перезавантажте код Visual Studio.

Якщо ви працюєте в студії Visual. Ви можете спробувати це виправлення

1. Вивантажте проект із візуальної студії
2. Перейдіть у домашній каталог свого проекту та відкрийте файл "csproj".

3. Додайте TypeScriptExperimentalDecorators до цього розділу, як показано на зображенні

   

   4. Перезавантажте проект у студії Visual.

див. більше деталей у цьому місці.

Якщо ви використовуєте cli для компіляції файлів * .ts, ви можете встановити експериментальні Декоратори за допомогою наступної команди:

 tsc filename.ts --experimentalDecorators "true"

Перевірте, чи ви відкрили у своєму коді VS папку всього проекту, а не лише папки src, оскільки якщо ви відкриєте лише src, то файл ts.config.json (розташований у папці проекту) не буде в обсягах, і VS не розпізнає параметри експериментальних декораторів.

У моєму випадку це вирішило усі проблеми, пов'язані з цим питанням.

1. Відкрийте код VS.
2. Натисніть ctrl + кома
3. Дотримуйтесь вказівок на знімку екрана
   1. Пошук про експериментальні Декоратори
   2. Відредагуйте

Відкрийте всю папку проекту, а не ім'я проекту / src

tsconfig.json не в папці src

Я виправив попередження, видаливши "baseUrl": "" з файлу tsconfig.json

Ви можете зіткнутися з цією проблемою, якщо відкриєте файл TS, який існує поза проектом. Наприклад, я використовую lerna і відкрив файл з іншого пакету. Хоча цей інший пакет мав власну tsconfig з експериментальними декораторами, VsCode це не шанує.

Я зіткнувся з тією ж проблемою під час створення служб ін'єкцій у кутовій формі 2. У мене все є на місці в tsconfig.json. Доки я отримував цю помилку на лінії ColorsImmutable.

@Injectable()
export class ColorsImmutable {

І виправленням було зареєструвати Сервіс на рівні модуля або компонента за допомогою масиву постачальників.

providers:[ColorsImmutable ],

Якщо ви використовуєте Deno JavaScript та TypeScript під час виконання та ви включаєте ExperimDecorators: true у tsconfig.json або в налаштуваннях ідеї VSCode. Це не спрацює. Відповідно до вимоги 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"замініть лицьову сторону на ім'я вашого кутового проекту.

Ви також можете спробувати ng build. Я щойно переробив додаток, і тепер він не відповідає.

Тож виявляється, що ви зможете обійти це, порівнявши ім'я свого модуля з назвою файла. Якщо у вас є ім'я модуля BankSpecialtyModule, то ім'я файлу має бути. bank-specialty.module.ts

Я зіткнувся з цією помилкою, коли створив новий модуль і перемістив файл * .module.ts та * -routing.module.ts в іншу папку. Після того як я видалив два файли та створив модуль у новій папці, він працює чудово. Середовище кутова версія 9 та кутова CLI версія 9.1.0