javascript - Python flask 应用程序中的服务 worker - 未经检查的 runtime.lastError : Could not establish connection. 接收端不存在

Question

我能够成功注册一个服务 worker ，但是当我尝试一个简单的控制台日志时，我得到以下结果 - dev tools screenshot

看起来像是某种路由错误，但我不知道如何修复它。

我的代码是这样的

offerings.js 文件

if ('serviceWorker' in navigator) {
    // Register a service worker hosted at the root of the
    // site using a more restrictive scope.
    navigator.serviceWorker.register('/static/js/sw.js').then(function() {
        console.log('Service worker registration succeeded:');
    }).catch(function() {
        console.log('Service worker registration failed:');
    });
} else {
    console.log('Service workers are not supported.');
}

sw.js文件

console.log('Hello')

Answer 1

将此代码添加到您的路由文件中:

@app.route('/sw.js', methods=['GET'])
def sw():
    return app.send_static_file('sw.js')

然后，将您的sw.js 文件直接放在static 目录中，而不是js 目录中。在您的 offerings.js 文件中，使用相对路径(即 ../sw.js)。让我知道这是否有效。