意外使用'self'无限制全局变量React

Question

尝试为我的PWA应用程序编写服务工作者,请注意此错误.我使用Google/Mozilla样本作为服务工作者,但无论如何.

var CACHE_NAME = 'test-cache';
var urlsToCache = [
    '/'
];

self.addEventListener('install', function (event) {
    event.waitUntil(
        caches.open(CACHE_NAME)
            .then(function (cache) {
                console.log('Opened cache');
                return cache.addAll(urlsToCache);
            })
    );
});

Answer 1

对于那些仍然有这个问题的人.解决方案是使用window.self而不是简单self.

Answer 2

您可以self从no-restricted-globals规则中明确删除或简单地禁用包含selfusingeslint-disable-line或的行的规则eslint-disable-next-line：

self.addEventListener('install', function (event) { /* eslint-disable-line no-restricted-globals */
...

或者

/* eslint-disable-next-line no-restricted-globals */
self.addEventListener('install', function (event) {
...

Answer 3

添加var self = this;或使用this.addEventListener(...)