我有一个来自我的服务人员js/index.js：
import '../scss/app.scss';
// Detect if service workers enabled
if ('serviceWorker' in navigator) {
try {
navigator.serviceWorker.register('../sw.js');
console.log('Service Worker Registered');
} catch (error) {
console.log('Service Worker Register Failed');
}
}
和我的根目录中的 sw.js：
const staticAssets = ['./', 'scss/app.scss', 'js/index.js'];
self.addEventListener('install', async (event) => {
const cache = await caches.open('min-static');
cache.addAll(staticAssets);
});
self.addEventListener('fetch', (event) => {
console.log('fetch');
});
被 babelized 并通过 parcel 放入 dist 文件夹。当它构建完成并转到 时localhost，我打开 chrome 工具并进入应用程序选项卡。我进入缓存存储选项卡，然后：
发生了什么事？为什么我的网站没有像PWA 教程中那样得到很好的缓存？它不应该是这样的吗：
？当然，我正在通过 babel 运行所有内容，但为什么它不起作用？