lỗi 'tài liệu' không được xác định: eslint/React

Question

Tôi đang tạo ứng dụng React, với ứng dụng tạo phản ứng.

Tôi gặp lỗi sau khi chạy eslint: 8: 3 lỗi 'tài liệu' không được xác định là không hoàn tác.

Dưới đây là tệp .jsx sau và cấu hình eslint của tôi. Ứng dụng của tôi chạy mà không có lỗi, nhưng tôi gặp lỗi này trong 2 tệp.

index.jsx:

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

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

eslintrc.js:

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

Làm thế nào tôi có thể sửa lỗi này? Hiện tại tôi sẽ đơn giản bỏ qua cả hai tập tin ... nhưng tôi muốn tìm một giải pháp dài hạn.

Answer 1

Thêm "browser": true bạn env để bao gồm các biến toàn cục (như tài liệu, cửa sổ, vv)

Xem ESLint environment documentation để biết thêm thông tin.

Answer 2

Trong package.json của bạn, xác định môi trường thử nghiệm cho jest như "jsdom" như sau:

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

tôi phải đối mặt với cùng một vấn đề và nó làm việc tốt cho tôi.