Question

我尝试使用serviceworker gem将服务工作者添加到我的Rails应用程序中。

我一直在关注本指南https://rossta.net/blog/offline-page-for-your-rails-application.html，并开始收到标题中列出的错误。

我已经审核过类似的其他问题，但大部分是由于语法错误造成的。正如这篇文章Rails 5 Heroku deploy error: ExecJS::ProgramError: SyntaxError: Unexpected token: name (autoRegisterNamespace)

我的错误是由于通过serviceworker gem文件提供的令牌名称（catch）。

以下是发生错误的代码......

 function onFetch(event) {
   // Fetch from network, fallback to cached content, then offline.html for same-origin GET requests
   var request = event.request;

   if (!request.url.match(/^https?:\/\/example.com/) ) { return; }
   if (request.method !== 'GET') { return; }

   event.respondWith(
     fetch(request).                                       // first, the network
        .catch(function fallback() {
          caches.match(request).then(function(response) {  // then, the cache
            response || caches.match("/offline.html.erb");     // then, /offline cache
          })
        })
    );

我理解错误是在.catch，我不知道如何解决问题。

非常感谢任何帮助，谢谢！

Answer 1

两个点的语法错误。换行有时会让人很难注意到。

 event.respondWith(
 fetch(request).    // Dot here and then...
    .catch(function fallback() { // ... the one at beginning of line as well causes the issue...
      caches.match(request).then(function(response) {  // then, the cache
        response || caches.match("/offline.html.erb");     // then, /offline cache
      })
    })
);

应该是

 event.respondWith(
 fetch(request)                                     // remove dot 
    .catch(function fallback() {
      caches.match(request).then(function(response) {  // then, the cache
        response || caches.match("/offline.html.erb");     // then, /offline cache
      })
    })
);

ExecJS :: RuntimeError：SyntaxError：意外的标记：name（catch）（行：41，col：8，pos：1392）

1 个答案: