programing

오류 'document'가 정의되지 않았습니다. eslint / React

muds 2023. 3. 7. 22:08
반응형

오류 'document'가 정의되지 않았습니다. eslint / React

Create-React-app을 사용하여 React 앱을 만들고 있습니다.

ESLint 실행 시 다음 오류가 발생하였습니다.
8:3 error 'document' is not defined no-undef.

앱은 오류 없이 실행되지만 2개의 파일에서 ESLint 오류가 발생했습니다.이것들 중 하나를 보세요..jsx파일 및 ESLint 설정을 지정합니다.

index.syslogx:

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import './index.css';

ReactDOM.render(
  <App />,
  document.getElementById('root'),
);

eslintrc.syslog:

module.exports = {
  "extends": "airbnb",
  "plugins": [
      "react",
      "jsx-a11y",
      "import"
  ],
  "env": {
    "jest": true
  }
};

어떻게 하면 고칠 수 있을까요?지금은 두 파일 모두 무시하지만 장기적인 해결책을 찾고 싶습니다.

더하다"browser": true당신의.env전역 변수(문서, 창 등)를 포함하다

상세한 것에 대하여는, ESLint 환경의 메뉴얼을 참조해 주세요.

eslint.rc 파일에 env 속성을 설정합니다.

{
    "env": {
        "browser": true,
        "node": true
    }
}

고객님의 고객명package.json, 농담 테스트 환경을 다음과 같이 지정합니다."jsdom"다음과 같습니다.

  "jest": {
    "testEnvironment": "jsdom"
  }

나는 같은 문제에 직면했고 그것은 나에게 잘 작용했다.

가지고 계신 경우.eslintrc.json그런 다음 다음 코드 스니펫을 추가합니다.

{
    ...otherSettings,
    "env": {
        "browser": true,
        "node": true
    }
}

만약 없다면.eslintrc.json이러한 설정을 추가할 수 있습니다.package.json파일.

{
    ...otherSettings,
    "eslintConfig": {
      "globals": {
        "window": true
      }
    }
}

언급URL : https://stackoverflow.com/questions/42377038/error-document-is-not-defined-eslint-react

반응형