未捕获（承诺）的DOMException javascript

Question

我正在关注这篇文章，以集成Web推送通知

https://rossta.net/blog/web-push-notifications-from-rails.html

这是我在application.js中编写的代码

if ('serviceWorker' in navigator) {
  console.log('Service Worker is supported');
  navigator.serviceWorker.register('/serviceworker.js')
    .then(function(registration) {
      console.log('Successfully registered!', ':^)', registration);
      registration.pushManager.subscribe({ userVisibleOnly: true })
      .then(function(subscription) {
        $.post("/subscribe", { subscription: subscription.toJSON() });
      });
      }).catch(function(error) {
    console.log('Registration failed', ':^(', error);
  });
}

但是我正在犯错误，我对诺言的要求不高，但是在then语句中却犯了错误。

  

未捕获（承诺）的DOMException

有人可以帮助我解决此问题吗？