Bài kiểm tra đơn vị góc 2: Không thể tìm thấy tên 'mô tả'

Tôi đang theo hướng dẫn này từ angular.io

Như họ đã nói, tôi đã tạo tệp hero.spec.ts để tạo các bài kiểm tra đơn vị:

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);
  });
});

Bài kiểm tra đơn vị làm việc như một lá bùa. Vấn đề là: Tôi thấy một số lỗi, được đề cập trong hướng dẫn:

Biên tập viên và trình biên dịch của chúng tôi có thể phàn nàn rằng họ không biết những gì it và expectvì họ thiếu các tệp gõ mô tả Jasmine. Chúng ta có thể bỏ qua những khiếu nại gây phiền nhiễu bây giờ vì chúng vô hại.

Và họ thực sự bỏ qua nó. Mặc dù những lỗi đó là vô hại, nhưng nó không có vẻ tốt trong bảng điều khiển đầu ra của tôi khi tôi nhận được một loạt chúng.

Ví dụ về những gì tôi nhận được:

Không thể tìm thấy tên 'mô tả'.

Không thể tìm thấy tên 'nó'.

Không thể tìm thấy tên 'mong đợi'.

Tôi có thể làm gì để khắc phục nó?

Tôi hy vọng bạn đã cài đặt -

npm install --save-dev @types/jasmine

Sau đó đặt nhập sau vào đầu hero.spec.tstệp -

import 'jasmine';

Nó sẽ giải quyết vấn đề.

Với Formscript@2.0 trở lên, bạn có thể cài đặt các loại với:

npm install -D @types/jasmine

Sau đó nhập các loại tự động bằng cách sử dụng typestùy chọn trong tsconfig.json:

"types": ["jasmine"],

Giải pháp này không yêu cầu import {} from 'jasmine';trong mỗi tệp spec.

npm install @types/jasmine

Như đã đề cập trong một số ý kiến "types": ["jasmine"]không cần thiết nữa, tất cả @typescác gói được tự động đưa vào biên dịch (kể từ phiên bản 2.1).

Theo tôi, giải pháp đơn giản nhất là loại trừ các tệp thử nghiệm trong tsconfig.json của bạn như:

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

Điều này làm việc cho tôi.

Thông tin thêm trong các tài liệu tsconfig chính thức .

Bạn cần cài đặt typings cho hoa nhài. Giả sử bạn đang ở phiên bản tương đối gần đây của bản thảo 2, bạn sẽ có thể thực hiện:

npm install --save-dev @types/jasmine

Với Formscript@2.0 trở lên, bạn có thể cài đặt các loại với cài đặt npm

npm install --save-dev @types/jasmine

sau đó nhập các loại tự động bằng cách sử dụng typeRoots tùy chọn trong tsconfig.json.

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

Giải pháp này không yêu cầu nhập {} từ 'hoa nhài'; trong mỗi tệp spec.

Giải pháp cho vấn đề này được kết nối với những gì @Pace đã viết trong câu trả lời của anh ấy. Tuy nhiên, nó không giải thích mọi thứ vì vậy, nếu bạn không phiền, tôi sẽ tự viết nó.

GIẢI PHÁP:

Thêm dòng này:

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

ở đầu hero.spec.tstập tin sửa lỗi. Đường dẫn dẫn đến typingsthư mục (nơi lưu trữ tất cả các kiểu chữ).

Để cài đặt các kiểu chữ, bạn cần tạo typings.jsontập tin gốc trong dự án của bạn với nội dung sau:

{
  "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"
  }
}

Và chạy typings install( typingsgói NPM ở đâu ).

Trong trường hợp của tôi, giải pháp là loại bỏ typeRootstrong của tôi tsconfig.json.

Như bạn có thể đọc trong tài liệu TypeScript

Nếu typeRoots được chỉ định, chỉ các gói trong typeRoots sẽ được bao gồm.

Tôi cập nhật mới nhất vào hôm nay và tìm ra cách tốt nhất để giải quyết vấn đề này là không làm gì cả ... không typeRootskhông typeskhông excludekhông includetất cả các mặc định dường như đang hoạt động tốt. Trên thực tế, nó không hoạt động đúng với tôi cho đến khi tôi loại bỏ tất cả. Tôi đã có:

"exclude": [
    "node_modules"
]

nhưng đó là mặc định vì vậy tôi đã loại bỏ nó.

Tôi đã có:

"types": [
    "node"
]

để vượt qua một số cảnh báo trình biên dịch. Nhưng bây giờ tôi cũng loại bỏ điều đó.

Cảnh báo không nên là: error TS2304: Cannot find name 'AsyncIterable'. từnode_modules\@types\graphql\subscription\subscribe.d.ts

Điều này rất đáng ghét nên tôi đã làm điều này trong tsconfig để nó tải nó:

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

vì nó nằm trong tập esnext. Tôi không sử dụng trực tiếp nên không lo lắng về khả năng tương thích. Hy vọng điều đó không đốt cháy tôi sau này.

Chỉ phải thực hiện các thao tác sau để nhận @types trong Lerna Mono-repo nơi tồn tại một số nút_modules.

npm install -D @types/jasmine

Sau đó, trong mỗi tsconfig.file của từng mô-đun hoặc ứng dụng

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

Để Trình biên dịch TypeScript sử dụng tất cả các Định nghĩa Kiểu có thể nhìn thấy trong quá trình biên dịch, typesnên loại bỏ hoàn toàn tùy chọn khỏi compilerOptionstrường trong tsconfig.jsontệp.

Vấn đề này phát sinh khi tồn tại một số typesmục trong compilerOptionstrường, trong đó cùng một jestmục bị thiếu.

Vì vậy, để khắc phục sự cố, compilerOptionstrường trong của bạn tscongfig.jsonnên bao gồm jesttrong typeskhu vực hoặc loại bỏ typeshoàn toàn:

{
  "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"
  ]
}

Tôi sẽ chỉ thêm Trả lời cho những gì phù hợp với tôi trong "typecript": "3.2.4" Tôi nhận ra rằng hoa nhài trong các loại nút_modules / @ có một thư mục cho ts3.1 theo loại hoa nhài nên đây là các bước: -

• Cài đặt loại hoa nhài npm install -D @types/jasmine

• Thêm vào hoa nhài tsconfig.json / ts3.1

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

• Thêm Jasmine vào các loại

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

Lưu ý: Không cần điều nàyimport 'jasmine';nữa.

Trong trường hợp của tôi, tôi đã gặp lỗi này khi phục vụ ứng dụng, không phải khi thử nghiệm. Tôi không nhận ra mình có cài đặt cấu hình khác trong tệp tsconfig.app.json.

Trước đây tôi đã có điều này:

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

Nó bao gồm tất cả .spec.tscác tệp của tôi khi phục vụ ứng dụng. Tôi đã thay đổi loại include property totrừ và thêm một biểu thức chính quy để loại trừ tất cả các tệp kiểm tra như thế này:

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

Bây giờ nó hoạt động như mong đợi.

Nhìn vào quá trình nhập có thể bạn có phụ thuộc chu kỳ , trong trường hợp của tôi là lỗi, sử dụng import {} from 'jasmine';sẽ sửa lỗi trong bảng điều khiển và làm cho mã có thể biên dịch được nhưng không loại bỏ được gốc của quỷ (trong trường hợp của tôi là phụ thuộc chu kỳ).

Tôi đang ở Angular 6, Typecript 2.7 và tôi đang sử dụng khung Jest để kiểm tra đơn vị. Tôi đã @types/jestcài đặt và thêm vào typeRootsbên trongtsconfig.json

Nhưng vẫn có lỗi hiển thị bên dưới (ví dụ: trên thiết bị đầu cuối không có lỗi)

không thể tìm thấy tên mô tả

Và thêm nhập:

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

Về mặt kỹ thuật không làm gì cả, vì vậy tôi nghĩ rằng có một sự nhập khẩu ở đâu đó gây ra sự cố này, sau đó tôi đã tìm thấy rằng nếu xóa tệp

tsconfig.spec.json

bên trong src/ thư mục, giải quyết vấn đề cho tôi. Vì @types được nhập trước khi vào bên trong rootTypes.

Tôi khuyên bạn nên làm như vậy và xóa tập tin này, không có cấu hình cần thiết bên trong. (ps: nếu bạn ở trong trường hợp tương tự như tôi)

nếu lỗi nằm trong tệp .specs app / app.component.spec.ts (7,3): lỗi TS2304: Không thể tìm thấy tên 'beforeEach'.

thêm phần này vào đầu tập tin của bạn và npm cài đặt rxjs

nhập {phạm vi} từ 'rxjs'; nhập {map, filter} từ 'rxjs / toán tử';