应用程序缓存错误事件：清单提取失败（404）

Question

我有一个简单的html网站，其中包含一个css和js doc以及一些图片。我需要使这项工作脱机。为此，我使用html 5离线缓存。 在部署和浏览时，我看到网站没有缓存.Console显示错误： 应用程序缓存错误事件：清单提取失败（404）

以下是详细信息： 目录结构：

清单文件：

怎么了？

Answer 1

文件名必须是manifest.appcache;它不应包含images / javascript / css / html文件以外的文件名。任何其他类型都将导致获取文件时出错。 应用于离线缓存的规则是“全部捕获或不捕获”。

Answer 2

如果您要在iPhone上缓存移动数据，请检查文件名，因为根据Apple Docs，它必须 cache.manifest ：

Storing Data on the Client

Answer 3

已经是2019年了，我有非常相同的错误消息=）

对我来说，将文件重命名为manifest.appcache可以使其正常工作。

无论如何，进一步研究此错误，我发现 AppCache API已被弃用（因为我最近开始研究 PWA ，所以我对这些API还是陌生的），并且不再推荐（改用 CacheStorage + ServiceWorkers ） https://developer.mozilla.org/en-US/docs/Web/HTML/Using_the_application_cache

希望此信息可以帮助其他人=>

Answer 4

你试过example.manifest.php吗？而不是.txt？