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

Я получаю предупреждение ...

Экспериментальная поддержка декораторов - это функция, которая может быть изменена в будущем выпуске. Установите параметр'ериментальный Декораторы ', чтобы удалить это предупреждение.

... хотя мои compilerOptions в tsconfig.json имеют следующие настройки:

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

Что странно, так это то, что некоторые случайные классы, которые используют декораторы, не показывают это предупреждение, а остальные в том же проекте.

Что может вызвать такое поведение в компиляторе TypeScript?

Хотя VS Code - отличный редактор для проектов TypeScript, его нужно время от времени пускать в ход. Часто, без предупреждения, некоторые файлы приводят его в бешенство и жаловаться. В основном исправление заключается в том, чтобы сохранить и закрыть все открытые файлы, а затем открыть tsconfig.json. После этого вы сможете снова открыть файл-нарушитель без ошибок. Если это не работает, вспенить, промыть и повторить.

Если вы tsconfig.jsonуказываете свои исходные файлы с помощью filesмассива, IntelliSense будет работать правильно только в том случае, если на рассматриваемый файл ссылаются так, что VS Code может найти его, пройдя по дереву входных файлов.

Редактировать: команда 'reload window' (добавлена ​​много лет назад) должна решить эту проблему раз и навсегда.

Я должен добавить следующее в файле 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, перейдите в File => Preferences => Settings (или Control + запятая), и он откроет файл настроек пользователя. Поиск "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
}

Вот и все. Вы не увидите никаких предупреждений / ошибок в отношении « Экспериментальных Декораторов»

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

В конкретном случае предупреждения декораторов вы хотите написать внутри файла:

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

После того, как было задано ошибочное поведение, всегда лучше указать «include» в файле конфигурации и перезапустить редактор. Например

{
    "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 не установлено Content .

Таким образом, изменение действия Build на Content и перезагрузка решения решили проблему.

Ради ясности и глупости.

1) Откройте .vscode / settings.json.

2) Добавьте на него «typescript.tsdk»: «node_modules / typescript / lib».

3) Сохраните это.

4) Перезапустите код Visual Studio.

Если вы работаете в Visual Studio. Вы можете попробовать это исправить

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

3. Добавьте TypeScriptExperimentalDecorators в этот раздел, как показано на рисунке

   

   4. Перезагрузите проект в Visual studio.

увидеть более подробную информацию в этом месте.

Если вы используете cli для компиляции файлов * .ts, вы можете установить Экспериментальные Декораторы, используя следующую команду:

 tsc filename.ts --experimentalDecorators "true"

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

В моем случае это исправило все проблемы, связанные с этой проблемой.

1. Откройте VScode.
2. Нажмите Ctrl + запятая
3. Следуйте инструкциям на снимке экрана
   1. Поиск об экспериментальных декораторах
   2. Редактировать это

Откройте папку всего проекта вместо имя-проекта / 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 runtime и включаете экспериментальные декораторы: 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"Замените интерфейс на имя вашего проекта angular-cli.

Вы также можете попробовать с ng build. Я только что перестроил приложение и теперь оно не соответствует.

Оказывается, вы можете обойти это, сопоставив имя вашего модуля с именем файла. Если у вас есть имя модуля BankSpecialtyModule, тогда имя файла должно быть. банк-specialty.module.ts

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

Для меня эта ошибка «Экспериментальная поддержка декораторов - это функция, которая может быть изменена в будущем выпуске (и т. Д.)» Возникала только в VS Code в Angular-проекте и только при создании новой службы.

Приведенное выше решение: «В Visual Code Studio перейдите в« Файл »>« Настройки »>>« Настройки »,« Поиск »« Декоратор »в поле поиска и установите флажок« JavaScript »>« Неявная конфигурация проекта: экспериментальные декораторы ».

Кроме того, остановка ng serve в окне терминала и перезапуск заставили ошибку исчезнуть после перекомпиляции.