TypeScript 컴파일시 실험 데코레이터 경고

경고가 나타납니다.

데코레이터에 대한 실험적 지원은 향후 릴리스에서 변경 될 수있는 기능입니다. 이 경고를 제거하려면 'experimentalDecorators'옵션을 설정하십시오.

... tsconfig.json의 compilerOptions에 다음 설정이 있지만

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

이상하게도 데코레이터를 사용하는 임의의 임의 클래스는 경고를 표시하지 않지만 동일한 프로젝트의 나머지 클래스에는 경고가 표시됩니다.

TypeScript 컴파일러에서 이러한 동작을 유발할 수있는 것은 무엇입니까?

VS Code는 TypeScript 프로젝트를위한 훌륭한 편집자이지만 매번 킥이 필요합니다. 종종 경고없이 특정 파일은 파일을 놀라게하고 불평하게합니다. 대부분의 수정은 열려있는 모든 파일을 저장하고 닫은 다음 여는 것 같습니다 tsconfig.json. 그런 다음 오류없이 문제가되는 파일을 다시 열 수 있어야합니다. 그래도 효과가 없으면 거품을 내고 헹구고 반복하십시오.

귀하의 경우 tsconfig.json지정의 소스 파일을 사용하여 files배열을 문제의 파일은 VS 코드가 입력 파일 트리를 탐색하여 찾을 수 있도록 참조되는 경우, 인텔리가 제대로 작동 만 것입니다.

편집 : '창 다시로드'명령 (이전에 연령 추가) 은이 문제를 한 번에 해결해야합니다.

경고를 제거하기 위해 vscode의 settings.json 파일에 다음을 추가했습니다.

"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에서 파일 => 환경 설정 => 설정 (또는 Control + 쉼표)으로 이동하면 사용자 설정 파일이 열립니다. "javascript.implicitProjectConfig.experimentalDecorators": true를 검색 한 다음 파일에서 ExperimentDecorators의 확인란을 선택하면 수정해야합니다. 그것은 나를 위해했다.

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
}

그게 다야. ' ExperimentDecorators ' 에 관한 경고 / 오류가 표시되지 않습니다

이 답변은 Typescript가 아닌 Javascript 프로젝트를 사용하는 사람들을위한 것입니다 . 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": true

이것은 나를 위해 문제를 해결했고, 여기와 다른 곳에서 찾은 꽤 많은 제안을 시도했습니다.

최근 Visual Studio 2017에서이 문제가 발생했습니다. 빌드 작업이 Content로 설정되어 있지 않은 경우 tsconfig.json을 무시하고 VS의 "기능"으로 인해 발생한 것으로 나타났습니다 .

따라서 빌드 조치를 컨텐츠로 변경하고 솔루션을 다시로드하면 문제점이 해결되었습니다.

명확성과 어리 석음을 위해.

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 파일을 컴파일하는 경우 다음 명령을 사용하여 ExperimentDecorators를 설정할 수 있습니다.

 tsc filename.ts --experimentalDecorators "true"

src 만 열면 ts.config.json (프로젝트 폴더에 있음) 파일이 범위에 있지 않기 때문에 VS 코드에서 src 폴더뿐만 아니라 전체 프로젝트의 폴더를 선택했는지 확인하십시오. VS는 실험 데코레이터 매개 변수를 인식하지 못합니다.

제 경우에는이 문제와 관련된 모든 문제가 해결되었습니다.

1. VScode를 엽니 다.
2. Ctrl + 쉼표를 누릅니다.
3. 스크린 샷 의 지시를 따르십시오
   1. 실험적인 데코레이터 검색
   2. 그것을 편집

project-name / src 대신 전체 프로젝트 폴더 열기

tsconfig.json이 src 폴더에 없습니다

tsconfig.json 파일에서 "baseUrl": ""를 제거하여 경고를 수정했습니다.

프로젝트 외부에있는 TS 파일을 열면이 문제가 발생할 수 있습니다. 예를 들어, lerna를 사용하고 있으며 다른 패키지에서 파일을 열었습니다. 다른 패키지에는 실험 데코레이터가있는 자체 tsconfig가 있었지만 VsCode는 그것을 존중하지 않습니다.

Angular 2에서 Injectable Services 를 생성하는 동안 동일한 문제에 직면했습니다 .tsconfig.json에 모든 것이 있습니다 .ColorsImmutable 라인 에서이 오류가 발생했습니다.

@Injectable()
export class ColorsImmutable {

그리고 공급자 배열을 사용하여 모듈 수준 또는 구성 요소 수준에서 서비스를 등록하는 것이 수정되었습니다.

providers:[ColorsImmutable ],

Deno JavaScript 및 TypeScript 런타임을 사용하고 tsconfig.json 또는 VSCode IDE 설정에서 ExperimentDecorators : true를 사용하는 경우 이거 작동 안 할거야. Deno 요구 사항에 따라 Deno 파일을 실행할 때 tsconfig를 플래그로 제공해야합니다. 사용자 정의 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 모듈 이름이 있으면 파일 이름이어야합니다. bank-specialty.module.ts

새 모듈을 만들고 * .module.ts 및 * -routing.module.ts 파일을 다른 폴더로 옮길 때이 오류가 발생했습니다. 두 파일을 삭제하고 새 폴더에 모듈을 만든 후에는 완벽하게 작동합니다. 환경 Angular 버전 9 및 Angular CLI 버전 9.1.0