Javascript 清单文件显示404。无法检测服务工作者下的清单

Javascript 清单文件显示404。无法检测服务工作者下的清单,javascript,service-worker,Javascript,Service Worker,JSON文件 manifiest.json { "name": "Sample site", "short_name": "Site", "description": "Learn how to create and share something or other.", "start_url": "index.html", "background_color": "#000000", "theme_color": "#0f4a73", "icons": [{ "src":

JSON文件

manifiest.json

{
 "name": "Sample site",
 "short_name": "Site",
 "description": "Learn how to create and share something or other.",
 "start_url": "index.html",
 "background_color": "#000000",
 "theme_color": "#0f4a73",
 "icons": [{
   "src": "icon/icon-192x192.png",
   "sizes": "256x256",
   "type": "image/png"
 }]
}
<link rel="manifest" href="manifest.json">
清单文件显示404。无法检测服务工作者下的清单


查看上述代码的任何解决方案?

web应用程序清单是一个简单的JSON文件,其扩展名应为.JSON,看起来您使用了扩展名为.js的清单文件,并且在service worker中使用了manifest.JSON文件,该文件不可用,因为您有manifest.js文件。因此,解决方案是将清单文件的扩展名改为.json。

虽然我没有尝试将其重命名为.json,但我也相信我一定犯了这个愚蠢的错误。谢谢你指出。
const RESOURCES_TO_PRELOAD = [
'./',
'./index.html',
'./logo.svg',
'./register-worker.js',
'./todo-app.js',
'./manifest.json',
'./offline-404.html'
];