npm eslint 오류, package-lock.json

npm eslint 오류, package-lock.json  기록

 

제공한 코드는 ESLint 구성 파일로 보이며, 명확한 문제는 없는 것으로 보입니다. 제공된 오류 메시지는 프로젝트의 종속성 트리와 사용 중인 ESLint 버전 간에 문제가 있음을 나타냅니다.

이 문제를 해결하기 위해 다음 단계를 따를 수 있습니다:

1. 프로젝트 폴더에서 `package-lock.json` 파일(또는 `yarn.lock` 파일)을 삭제합니다.
2. 프로젝트 폴더에서 `node_modules` 폴더를 삭제합니다.
3. 프로젝트의 `package.json` 파일에서 `dependencies` 및/또는 `devDependencies` 섹션에서 `"eslint"` 항목을 제거합니다.
4. 사용하는 패키지 매니저에 따라 `npm install` 또는 `yarn` 명령을 실행하여 종속성을 다시 설치합니다.

이 단계를 따르면 프로젝트의 종속성 트리가 수정되고 ESLint 충돌 버전 문제가 해결될 것입니다.

이러한 단계를 따라도 문제가 해결되지 않는 경우, 오류 메시지에서 제공하는 추가적인 제안을 시도해 볼 수 있습니다. 예를 들어, `npm`을 사용하고 있다면 `yarn`을 설치하고 해당 단계를 `yarn`으로 다시 실행하는 것입니다. 또는 충돌하는 ESLint 버전이 프로젝트 디렉토리 외부에 설치되어 있는지 확인하는 것입니다.

위의 단계들로 문제가 해결되지 않는다면, 오류 메시지에서 제안하는 대로 프로젝트의 `.env` 파일에 `SKIP_PREFLIGHT_CHECK=true`를 추가하는 것도 고려할 수 있습니다. 그러나 이는 문제의 우회책이므로 다른 문제가 발생할 수 있으므로 가능한한 종속성 충돌을 직접 해결하는 것이 권장됩니다.

 

 

,

 

 

오류 메시지에서 "Environment key 'es2021' is unknown"라는 오류가 발생하고 있는 것으로 보입니다. 이 오류는 `.eslintrc.js` 파일에서 지원되지 않는 환경 키를 사용하고 있기 때문에 발생합니다.

ESLint의 환경 설정 파일에서 `es2021`이라는 환경 키는 지원되지 않는 것으로 알려져 있습니다. 대신 `es2020` 또는 `esnext`와 같은 환경 키를 사용할 수 있습니다.

따라서, 코드를 다음과 같이 수정해 보세요:

```javascript
module.exports = {
  env: {
    browser: true,
    es2020: true, // 수정: es2021 -> es2020
    node: true,
  },
  extends: ["eslint:recommended", "plugin:react/recommended"],
  overrides: [],
  parserOptions: {
    ecmaVersion: "latest",
    sourceType: "module",
  },
  plugins: ["react"],
  rules: {},
};
```

위의 코드 수정 후 `.eslintrc.js` 파일을 저장하고 다시 실행해 보세요. 이제 "Environment key 'es2021' is unknown"와 같은 오류가 발생하지 않아야 합니다.