각도 2 단위 테스트 : 'describe'이름을 찾을 수 없습니다

나는 다음과 같은거야 angular.io에서이 자습서를

그들이 말했듯이 단위 테스트를 만들기 위해 hero.spec.ts 파일을 만들었습니다.

import { Hero } from './hero';
describe('Hero', () => {
  it('has name', () => {
    let hero: Hero = {id: 1, name: 'Super Cat'};
    expect(hero.name).toEqual('Super Cat');
  });
  it('has id', () => {
    let hero: Hero = {id: 1, name: 'Super Cat'};
    expect(hero.id).toEqual(1);
  });
});

단위 테스트는 매력처럼 작동합니다. 문제는 : 튜토리얼에 언급 된 오류가 있습니다.

우리의 편집기와 컴파일러는 무엇을 모르는 불평 수 it 및 expect그들이 재스민을 설명하는 입력 파일이 부족하기 때문이다. 우리는 그 성가신 불만이 무해하기 때문에 지금은 무시할 수 있습니다.

그리고 그들은 실제로 그것을 무시했습니다. 이러한 오류는 무해하지만 출력 오류가 발생하면 출력 콘솔에서 좋지 않습니다.

내가 얻는 것의 예 :

'설명'이름을 찾을 수 없습니다.

'it'이름을 찾을 수 없습니다.

'expect'이름을 찾을 수 없습니다.

이 문제를 해결하려면 어떻게해야합니까?

당신이 설치되기를 바랍니다-

npm install --save-dev @types/jasmine

그런 다음 hero.spec.ts파일 맨 위에 다음 가져 오기를 넣으십시오.

import 'jasmine';

문제를 해결해야합니다.

Typescript@2.0 이상에서는 다음을 사용하여 유형을 설치할 수 있습니다.

npm install -D @types/jasmine

그런 다음 types옵션을 사용하여 유형을 자동으로 가져옵니다 tsconfig.json.

"types": ["jasmine"],

이 솔루션은 import {} from 'jasmine';각 스펙 파일에 필요하지 않습니다 .

npm install @types/jasmine

일부 의견에서 언급했듯이 "types": ["jasmine"]더 이상 필요하지 않으며 모든 @types패키지가 컴파일에 자동으로 포함됩니다 (v2.1부터 생각합니다).

내 생각에 가장 쉬운 해결책은 tsconfig.json 에서 테스트 파일을 제외하는 것입니다.

"exclude": [
    "node_modules",
    "**/*.spec.ts"
]

이것은 나를 위해 작동합니다.

공식 tsconfig docs 에 대한 추가 정보 .

jasmine에 타이핑을 설치해야합니다. 비교적 최신 버전의 typescript 2에 있다고 가정하면 다음을 수행 할 수 있습니다.

npm install --save-dev @types/jasmine

Typescript@2.0 이상을 사용하면 npm install로 유형을 설치할 수 있습니다

npm install --save-dev @types/jasmine

그런 다음 tsconfig.json 의 typeRoots 옵션을 사용하여 유형을 자동으로 가져 오십시오 .

"typeRoots": [
      "node_modules/@types"
    ],

이 솔루션에는 'jasmine'에서 가져 오기 {}가 필요하지 않습니다. 각 사양 파일에서.

이 문제 에 대한 해결책 은 @Pace가 그의 답변에 쓴 것과 관련이 있습니다. 그러나 모든 것을 설명하지는 않으므로 마음에 들지 않으면 직접 작성하겠습니다.

해결책:

이 줄을 추가 :

///<reference path="./../../../typings/globals/jasmine/index.d.ts"/>

hero.spec.ts파일 의 시작 부분에 문제가 해결되었습니다. 경로는 typings모든 입력 내용이 저장된 폴더로 연결됩니다 .

입력을 설치하려면 typings.json프로젝트의 루트에 다음 내용으로 파일 을 작성해야 합니다.

{
  "globalDependencies": {
    "core-js": "registry:dt/core-js#0.0.0+20160602141332",
    "jasmine": "registry:dt/jasmine#2.2.0+20160621224255",
    "node": "registry:dt/node#6.0.0+20160807145350"
  }
}

그리고 NPM 패키지가 typings install있는 곳을 실행하십시오 typings.

내 경우, 해결책은을 제거하는 것이었다 typeRoots내에서 tsconfig.json.

TypeScript 문서 에서 읽을 수 있듯이

typeRoots를 지정하면 typeRoots 아래의 패키지 만 포함됩니다.

오늘의로 최신까지 해요없고 ...이 아무것도하지 않는 것입니다 해결하는 가장 좋은 방법을 발견 typeRoots전혀 types없음 exclude없음을 include모든 기본값은 잘 작동하는 것 같다. 사실 모두 제거하기 전까지는 제대로 작동하지 않았습니다. 나는했다 :

"exclude": [
    "node_modules"
]

하지만 그것은 기본 설정이므로 제거했습니다.

나는했다 :

"types": [
    "node"
]

컴파일러 경고를 무시하십시오. 그러나 지금은 그것을 제거했습니다.

해서는 안되는 경고는 다음 error TS2304: Cannot find name 'AsyncIterable'. 과 같습니다. node_modules\@types\graphql\subscription\subscribe.d.ts

이것은 매우 불쾌합니다 .tsconfig에서 이것을로드하여로드했습니다.

"compilerOptions": {
    "target": "esnext",
}

esnext 세트에 있기 때문에. 직접 사용하지 않으므로 아직 호환성에 대해 걱정할 필요가 없습니다. 그게 나중에 타지 않는 희망.

여러 node_modules가 있는 Lerna Mono-repo 에서 @types를 가져 오기 위해 다음을 수행해야했습니다 .

npm install -D @types/jasmine

그런 다음 각 모듈 또는 앱의 각 tsconfig.file에서

"typeRoots": [
  "node_modules/@types",
  "../../node_modules/@types" <-- I added this line
],

TypeScript Compiler가 컴파일 중에 보이는 모든 유형 정의를 사용하려면 파일의 필드에서 types옵션을 완전히 제거해야 합니다.compilerOptionstsconfig.json

일부 존재하는 경우이 문제가 발생 types항목 compilerOptions을 동시에 필드, jest항목이 행방 불명입니다.

따라서 문제를 해결하려면 compilerOptions영역의 필드 를 영역에 tscongfig.json포함 하거나 완전히 제거 해야합니다 .jesttypestypes

{
  "compilerOptions": {
    "esModuleInterop": true,
    "target": "es6",
    "module": "commonjs",
    "outDir": "dist",
    "types": ["reflect-metadata", "jest"],  //<--  add jest or remove completely
    "moduleResolution": "node",
    "sourceMap": true
  },
  "include": [
    "src/**/*.ts"
  ],
  "exclude": [
    "node_modules"
  ]
}

"typescript": "3.2.4"에서 작동하는 항목에 대한 답변을 추가하겠습니다. node_modules / @ types의 jasmine에는 jasmine 유형 아래에 ts3.1 폴더가 있으므로 다음 단계를 수행했습니다.

• 재스민 타입 설치 npm install -D @types/jasmine

• tsconfig.json에 추가 jasmine / ts3.1

  "typeRoots": [ ... "./node_modules/jasmine/ts3.1" ],

• 유형에 재스민 추가

  "types": [ "jasmine", "node" ],

참고 :import 'jasmine'; 더 이상필요하지 않습니다.

필자의 경우 테스트 할 때가 아니라 앱을 제공 할 때이 오류가 발생했습니다. tsconfig.app.json 파일에 다른 구성 설정이 있다는 것을 알지 못했습니다.

나는 이전에 이것을 가지고 있었다 :

{
  ...
  "include": [
    "src/**/*.ts"
  ]
}

.spec.ts앱을 제공 할 때 모든 파일 이 포함되었습니다 . include property to제외를 변경하고 다음과 같은 모든 테스트 파일을 제외하도록 정규 표현식을 추가했습니다.

{
  ...
  "exclude": [
    "**/*.spec.ts",
    "**/__mocks__"
  ]
}

이제 예상대로 작동합니다.

가져 오기를 살펴보면 사이클 종속성 이 있을 수 있습니다. 이 경우 내 import {} from 'jasmine';오류는 콘솔의 오류를 수정하고 코드를 컴파일 할 수있게하지만 악마의 뿌리를 제거하지는 않습니다 (내 경우에는 사이클 종속성).

Angular 6, Typescript 2.7을 사용하고 있으며 Jest 프레임 워크를 사용하여 단위 테스트를하고 있습니다. 나는 내부 @types/jest에 설치하고 추가했다typeRootstsconfig.json

그러나 여전히 아래에 디스플레이 오류가 있습니다 (즉 : 터미널에는 오류가 없습니다)

설명을 찾을 수 없습니다

그리고 수입을 추가 :

import {} from 'jest'; // in my case or jasmine if you're using jasmine

기술적으로 아무것도하지 않으므로이 문제를 일으키는 어딘가에 가져 오기가 있다고 생각했습니다. 그러면 파일을 삭제하면

tsconfig.spec.json

에서 src/폴더, 나를 위해 문제를 해결했다. @types는 rootTypes 내부로 가져 오기 전에.

내부에 필요한 구성이 없어도이 파일을 삭제하고 삭제하는 것이 좋습니다. (ps : 당신이 나와 같은 경우에)

오류가 .specs 파일에있는 경우 app / app.component.spec.ts (7,3) : 오류 TS2304 : 'beforeEach'이름을 찾을 수 없습니다.

이것을 파일 상단에 추가하고 npm install rxjs를 설치하십시오.

'rxjs'에서 {범위} 가져 오기; 'rxjs / operators'에서 {맵, 필터} 가져 오기;