반응형
오류 '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
반응형
'programing' 카테고리의 다른 글
링크 rel="pingback"의 목적은 무엇입니까? (0) | 2023.03.07 |
---|---|
ID별 사용자 정의 분류법 링크 (0) | 2023.03.07 |
제약 위반 변환 방법예외 500 오류에서 400개의 잘못된 요청까지? (0) | 2023.03.07 |
$location 서비스를 사용하여 angularjs 컨트롤러를 테스트하는 방법 (0) | 2023.03.07 |
Oracle SQL 쿼리를 테스트하기 위한 온라인 데이터베이스? (0) | 2023.03.07 |