<div id="readability-page-1" class="page"><div>
 <div id="SE-0cdc3695-70cd-4e8e-ad63-af63d751328a">
 Nest.js 프로젝트에서 새로운 테스트 코드를 실행할 때 다음과 같은 오류가 발생했습니다:​"Parsing error: ESLint was configured to run on &lt;tsconfigRootDir&gt;/src/resource/report/report.service.spec.ts using parserOptions.project"​이 오류는 주로 ESLint가 tsconfig.json 파일을 제대로 인식하지 못하거나, parserOptions.project에서 지정된 설정에 문제가 있을 때 발생합니다. 먼저, 프로젝트에서 사용하는 주요 파일들의 설정은 다음과 같습니다.
 </div> <div id="SE-08212c2b-5a32-4688-8312-e025c70d298f">
 // package.json
{
 ......
 "scripts": {......},
 "dependencies": {......},
 "devDependencies": {......},
 "jest": {
 "moduleFileExtensions": [
 "js",
 "json",
 "ts"
 ],
 "rootDir": "src",
 "moduleNameMapper": {
 "^@root/(.*)$": "&lt;rootDir&gt;/$1"
 },
 "testRegex": ".*\\.spec\\.ts$",
 "transform": {
 "^.+\\.(t|j)s$": "ts-jest"
 },
 "collectCoverageFrom": [
 "**/*.(t|j)s"
 ],
 "coverageDirectory": "../coverage",
 "testEnvironment": "node"
 }
}
 </div> <div id="SE-f75688ec-bb16-4e84-9a57-2e874acde3ea">
 // tsconfig.paths.json
{
 "compilerOptions": {
 "baseUrl": "./",
 "paths": {
 "@root/*": ["./src/*"]
 }
 }
}
 </div> <div id="SE-e9bb6cde-9df0-4b51-9653-95eac1b6386f">
 // tsconfig.json
{
 "extends": "./tsconfig.paths.json",
 "compilerOptions": {
 "declaration": true,
 "removeComments": true,
 "emitDecoratorMetadata": true,
 "experimentalDecorators": true,
 "allowSyntheticDefaultImports": true,
 "target": "es2020",
 "module": "commonjs",
 "sourceMap": true,
 "outDir": "./dist",
 "baseUrl": "./",
 "rootDir": "./src",
 "lib": ["ES2022", "ES2021", "ES2017", "ES2016", "ES2015", "dom"],
 "noEmit": false,
 "incremental": false,
 "esModuleInterop": true,
 "skipLibCheck": true,
 "strictNullChecks": false
 },
 "include": ["./src/**/*.ts"],
 "exclude": ["./test/test-helper/init", "dist", "node_modules"]
}
 </div> <div id="SE-7dcbb4ac-7e9a-4b77-92ae-97fc45887aef">
 // .eslintrc.js
module.exports = {
 parser: '@typescript-eslint/parser',
 parserOptions: {
 project: 'tsconfig.json',
 sourceType: 'module',
 tsconfigRootDir: __dirname,
 },
 plugins: ['@typescript-eslint/eslint-plugin'],
 extends: ['plugin:@typescript-eslint/recommended', 'plugin:prettier/recommended'],
 root: true,
 env: {
 node: true,
 jest: true,
 },
 ignorePatterns: ['.eslintrc.js'],
 rules: {
 '@typescript-eslint/interface-name-prefix': 'off',
 '@typescript-eslint/explicit-function-return-type': 'off',
 '@typescript-eslint/explicit-module-boundary-types': 'off',
 '@typescript-eslint/no-explicit-any': 'off',
 '@typescript-eslint/no-inferrable-types': 'off',
 },
};

 </div> <div id="SE-ac2c2787-bce9-4c7c-b7ff-1d742dbb1448">
 ​ESLint는 자바스크립트(또는 타입스크립트) 코드에서 문법적인 오류나 잠재적인 문제를 찾아내고 규칙을 강제하기 위한 정적 분석 도구입니다. 이를 통해 일관된 코딩 스타일을 유지하고 코드 품질을 개선할 수 있습니다. 주요 기능은 다음과 같습니다​<ul><li>문법 오류 탐지 : 코드의 문법적 오류를 감지하고 경고나 에러를 표시합니다.</li><li>코딩 스타일 검사 : 규칙을 설정해 코드가 일관된 형식을 따르도록 강제합니다(예: 공백, 들여쓰기, 세미콜론 사용 여부 등).</li><li>플러그인 및 규칙 설정 : 다양한 규칙을 설정할 수 있고, 플러그인을 통해 다른 툴과 통합하거나 추가 기능을 사용할 수 있습니다.</li></ul>​​Prettier는 코드를 자동으로 포맷팅해주는 도구로, 코드 스타일을 통일하는 데 중점을 둡니다. 코드를 읽기 쉽고 일관되게 유지하는 데 도움을 줍니다. 주요 기능은 다음과 같습니다.​<ul><li>코드 자동 정렬 : 코드의 공백, 줄바꿈, 중괄호 등의 형식을 일관되게 유지하며 자동으로 포맷팅합니다.</li><li>언어 지원 : 자바스크립트뿐만 아니라 여러 프로그래밍 언어를 지원하여 다양한 파일을 포맷팅할 수 있습니다.</li><li>규칙 최소화 : 개발자가 규칙을 많이 설정할 필요 없이 자동으로 최적의 포맷을 적용합니다.</li></ul>
 </div> <div id="SE-cb6bb258-19ea-4e36-9170-d0c409f8966c">
 ​1. 여러 해결 방법 시도​2024년 9월 28일, 여러 블로그에서 추천하는 해결 방법들을 적용해 보았습니다. 또한 WebStorm의 Invalidate Caches 기능을 사용했지만, 문제는 해결되지 않았습니다.​​2. 해결 방법(?)​결국 .eslintrc.js 파일에서 ignorePatterns 항목에 다음 코드를 추가하여 문제를 해결할 수 있었습니다.
 </div> <div id="SE-ebd2f2df-bc07-4920-a53f-c5c6dc8dddc9">
 module.exports = {
 ...
 ignorePatterns: ['.eslintrc.js', '**/*.spec.ts'],
 rules: {......},
};
 </div> <div id="SE-7cc5ccaf-f96e-403d-8ce4-e172b65a15df">
 **/*.spec.ts 파일을 무시하도록 설정함으로써, ESLint가 테스트 파일을 검사하지 않도록 하여 오류를 우회할 수 있었습니다.​​3. 추가적인 변화​2024년 9월 29일, 다시 ignorePatterns에서 **/*.spec.ts 코드를 제거한 후에도 테스트 코드는 정상적으로 실행되었습니다. 이는 특정한 조건에서만 오류가 발생하는 문제일 가능성이 있으며, 추후 새로운 프로젝트에서 다시 한 번 이 문제를 살펴볼 필요가 있을 것 같습니다.
 </div> </div></div>

개발하는 기획자. 기획하는 개발자.

Nest.js 프로젝트에서 새로운 테스트 코드를 실행할 때 다음과 같은 오류가 발생했습니다: "Parsing error: ESLint was configured to run on <tsconfigRootDir>/src/resource/report/report.service.spec.ts using parserOptions.project" 이 오류는 주로 ESLint가 tsconfig.json 파일을 제대로 인식하지 못하거나, parserOptions.project에서 지정된 설정에 문제가 있을 때 발생합니다. 먼저, 프로젝트에서 사용하는 주요 파일들의 설정은 다음과 같습니다. ESLint와 Prettier ESLint는 자바스크립트(또는 타입스크립트) 코드에서 문법적인 오류나 잠재적인 문제를 찾아내고 규칙을 강제하기 위한 정적 분석 도구입니다. 이를.......

[트러블슈팅] Parsing error: ESLint was configured to run on ...... parserOptions.project

댓글