ESLint - Cửa sổ Nhật Bản không được xác định. Cách cho phép các biến toàn cục trong pack.json

Tôi đang gán một thuộc tính cho đối tượng cửa sổ toàn cầu, nhưng khi tôi chạy eslint, tôi nhận được điều này:

"cửa sổ" không được xác định

Tôi thấy điều này ở đây trong các tài liệu eslint :

cửa sổ sau định nghĩa là biến toàn cục cho mã không kích hoạt quy tắc đang được kiểm tra:

valid: [
  {
    code: "window.alert()",
    globals: [ "window" ]
  }
]

Tôi đã thử thêm một cái gì đó như thế này vào tệp pack.json để có eslint cho phép "cửa sổ" là một biến toàn cục, nhưng tôi phải làm gì đó sai. Từ các tài liệu có vẻ như tôi có thể cần phải làm một cái gì đó như thế này trong một tệp riêng biệt, nhưng có cách nào để xác định một số biến toàn cục được phép ngay trong tệp pack.json không?

Có một nội environment: browserdung bao gồm window.

Ví dụ .eslintrc.json:

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

Thêm thông tin: http://eslint.org/docs/user-guide/configuring.html#specifying-envirments

Xem thêm các package.jsoncâu trả lời bằng chevin99 dưới đây.

Tôi tìm thấy nó trên trang này: http://eslint.org/docs/user-guide/configuring

Trong gói.json, điều này hoạt động:

"eslintConfig": {
  "globals": {
    "window": true
  }
}

Thêm .eslintrcvào gốc dự án.

{
  "globals": {
    "document": true,
    "foo": true,
    "window": true
  }
}

.Elintrc.json của bạn phải chứa văn bản bên dưới.
Bằng cách này, ESLint biết về các biến toàn cầu của bạn.

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

Tôi biết anh ấy không yêu cầu phiên bản nội tuyến . Nhưng vì câu hỏi này có gần 100 nghìn lượt truy cập và tôi đã rơi vào đây để tìm kiếm nó, tôi sẽ để nó ở đây cho người viết mã tiếp theo:

Hãy chắc chắn rằng ESLint không chạy với --no-inline-configcờ (nếu điều này không có vẻ quen thuộc, bạn có thể sẽ tốt). Sau đó, viết phần này vào tệp mã của bạn (để rõ ràng và quy ước, nó được viết ở trên cùng của tệp nhưng nó sẽ hoạt động ở bất cứ đâu):

/* eslint-env browser */

Điều này nói với ESLint rằng môi trường làm việc của bạn là một trình duyệt, vì vậy bây giờ nó biết những thứ có sẵn trong trình duyệt và điều chỉnh phù hợp.

Có rất nhiều môi trường và bạn có thể khai báo nhiều môi trường cùng một lúc, ví dụ, trong dòng:

/* eslint-env browser, node */

Nếu bạn hầu như luôn sử dụng các môi trường cụ thể, tốt nhất là đặt nó trong tệp cấu hình của ESLint và quên nó đi.

Từ tài liệu của họ :

Một môi trường xác định các biến toàn cục được xác định trước. Các môi trường có sẵn là:

• browser - trình duyệt biến toàn cầu.
• node - Biến toàn cục Node.js và phạm vi Node.js.
• commonjs - Biến toàn cục CommonJS và phạm vi CommonJS (sử dụng mã này cho mã chỉ dành cho trình duyệt sử dụng Browserify / WebPack).
• shared-node-browser - Globals chung cho cả Node và Browser.

[...]

Bên cạnh môi trường, bạn có thể làm cho nó bỏ qua bất cứ điều gì bạn muốn. Nếu nó cảnh báo bạn về việc sử dụng console.log()nhưng bạn không muốn được cảnh báo về điều đó, chỉ cần nội tuyến:

/* eslint-disable no-console */

Bạn có thể xem danh sách tất cả các quy tắc , bao gồm các quy tắc được đề xuất để có các thực tiễn mã hóa tốt nhất .

Nếu bạn đang sử dụng Angular, bạn có thể sử dụng :

"env": {
    "browser": true,
    "node": true
},
"rules" : {
    "angular/window-service": 0
 }