programing

Intellissense for Jest는 VS 코드로 동작하지 않습니다.

lastmoon 2023. 4. 2. 11:47
반응형

Intellissense for Jest는 VS 코드로 동작하지 않습니다.

편집: 실행npm install @types/jest --save-dev고치다

입력하려고 합니다.it()그리고 자동 제안은isTag

여기에 이미지 설명 입력

jsconfig.json을 추가하려고 했습니다.

{
"compilerOptions": {
    "target": "es6"
},
"exclude": [
    "node_modules",
    "assets"
  ]
}

제안해 주셔서 감사합니다!!

에 추가jsconfig.json:

{
    "typeAcquisition": {
        "include": [
            "jest"
        ]
    }
}

이 방법으로 동작하지 않는 경우는, 다음의 커맨드로 시험해 주세요.

npm install @types/jest

또는

yarn add -D @types/jest

업데이트 2023

설치만 하면 됩니다.@types/jest다음 명령어를 사용하여 설정합니다.

npm i @types/jest --save-dev

또는

yarn add -D @types/jest
{
    "typeAcquisition": {
        "include": [
            "jest"
        ]
    }
}

운이 없는 사람들을 위해 상술한 것을 더하다jsconfig.json루트 폴더: 테스트 폴더(가 포함된 폴더)에 추가해 보십시오.*.test.js파일)

어떤 해결책도 나에게는 효과가 없다.GITHUB 저장소로 들어가 보니 작동하던 중jest.config.js파일의 설정은 다음과 같습니다.

module.exports = {
  transform: {
    '^.+\\.ts?$': 'ts-jest',
  },
  testEnvironment: 'node',
  testRegex: './src/.*\\.(test|spec)?\\.(ts|ts)$',
  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
  roots: ['<rootDir>/src'],
};

주의:항목은ts모든 것을 변경하다ts와 함께js를 참조해 주세요.저장 후 Vcode를 다시 시작하면 예상대로 작동합니다.

모든 사용자를 위한 것은 아니지만 코드베이스에 여러 패키지가 모노레포 배열로 있고 vcode를 편집기로 사용하는 경우 설치를 원할 수 있습니다.@types/jest뿌리에서, 오히려 개별적으로요.

어디라고 부르느냐에 따라 달라지죠때때로 인텔리센스가 기능하지 않거나 코드 블록에 문제가 있을 수 있습니다.

따라서 다음과 같이 시도합니다.

  beforeEach(() => ({
    mockedUseAccount.
  }));

인텔리센스가 작동하지 않아요.

시도할 경우:

  beforeEach(() => {
    mockedUseAccount.
  });

인텔리센스는 잘 작동합니다.

공유되지 않은 것이 이상합니다.대신 jsdoc을 사용합니다.

https://jestjs.io/docs/configuration

jest.config.displays

/** @type {import('jest').Config} */
const config = {
  verbose: true,
};

module.exports = config;

/** @returns {Promise<import('jest').Config>} */
module.exports = async () => {
  return {
    verbose: true,
  };
};

TypeScript 파일(jest.config.ts)을 사용하는 경우:

import type {Config} from 'jest';

const config: Config = {
  verbose: true,
};

export default config;
import type {Config} from 'jest';

export default async (): Promise<Config> => {
  return {
    verbose: true,
  };
};

언급URL : https://stackoverflow.com/questions/57874114/intellisense-for-jest-not-working-in-vs-code

반응형