angular - 缓存清单——在 ASP.NET CORE 2 Angular 5.x SPA 模板中
问题描述
我已经使用新的 ASP.NET Angular 2 SPA 模板创建了一个项目,并且我想使用缓存清单使文件脱机可用。我已将文件添加到 html 标记 =>
<html lang="en" manifest="datalog.appcache">
我创建了清单 =>
#CACHE MANIFEST
#version 1.2
#CACHE:
dist/index.html
#style sheets
dist/styles.f5ed9033d9d067cfd178.bundle.css
#style sheet images
dist/assets/account-outline.png
dist/assets/arrow_left.png
dist/assets/arrow_right.png
dist/assets/green.png
dist/assets/kuettner_automation_logo.png
dist/assets/lock.png
dist/assets/lock-open.png
dist/assets/red.png
dist/assets/refresh.jpg
dist/assets/sync.png
dist/assets/yellow.png
dist/assets/TreeIcons/ic_Fabrik.png
dist/assets/TreeIcons/ic_Anlagenteil.png
dist/assets/TreeIcons/ic_Motor.png
dist/assets/TreeIcons/ic_Klappe_Ventil.png
dist/assets/TreeIcons/ic_Regelklappe.png
dist/assets/TreeIcons/ic_Messung_analog.png
dist/assets/TreeIcons/ic_Messung_binaer.png
dist/assets/TreeIcons/ic_Motor_6KV.png
dist/assets/TreeIcons/ic_Motor_FU.png
dist/assets/TreeIcons/ic_Motor_Simocode.png
dist/assets/TreeIcons/ic_Schaltschrank.png
dist/assets/TreeIcons/ic_SPS.png
dist/assets/CheckoutState/ic_E_red.png
dist/assets/CheckoutState/ic_I_red.png
dist/assets/CheckoutState/ic_L_red.png
dist/assets/CheckoutState/ic_M_red.png
dist/assets/CheckoutState/ic_E_green.png
dist/assets/CheckoutState/ic_I_green.png
dist/assets/CheckoutState/ic_L_green.png
dist/assets/CheckoutState/ic_M_green.png
dist/assets/CheckoutState/ic_M_grey.png
dist/assets/CheckoutState/ic_L_grey.png
dist/assets/CheckoutState/ic_I_grey.png
dist/assets/CheckoutState/ic_E_grey.png
dist/color.c7a33805ffda0d32bd2a.png
dist/line.567f57385ea3dde2c9ae.gif
#javascript files
dist/inline.318b50c57b4eba3d437b.bundle.js
dist/main.cf9482167d068fb87745.bundle.js
dist/polyfills.1457c99db4b6dba06e8d.bundle.js
dist/polyfills.bf95165a1d5098766b92.bundle.js
#fonts
#dist/roboto-v15-latin-regular.3d3a53586bd78d1069ae.svg
#dist/roboto-v15-latin-regular.7e367be02cd17a96d513.woff2
#dist/roboto-v15-latin-regular.9f916e330c478bbfa2a0.eot
#dist/roboto-v15-latin-regular.16e1d930cf13fb7a9563.woff
#dist/roboto-v15-latin-regular.38861cba61c66739c145.ttf
#dist/MaterialIcons-Regular.012cf6a10129e2275d79.woff
#dist/MaterialIcons-Regular.570eb83859dc23dd0eec.woff2
#dist/MaterialIcons-Regular.a37b0c01c0baf1888ca8.ttf
#dist/MaterialIcons-Regular.e79bfd88537def476913.eot
#dist/glyphicons-halflings-regular.448c34a56d699c29117a.woff2
#dist/glyphicons-halflings-regular.89889688147bd7575d63.svg
#dist/glyphicons-halflings-regular.e18bbf611f2a2e43afc0.ttf
#dist/glyphicons-halflings-regular.f4769f9bdb7466be6508.eot
#dist/glyphicons-halflings-regular.fa2772327f55d8198301.woff
#dist/fontawesome-webfont.674f50d287a8c48dc19b.eot
#dist/fontawesome-webfont.912ec66d7572ff821749.svg
#dist/fontawesome-webfont.af7ae505a9eed503f8b8.woff2
#dist/fontawesome-webfont.b06871f281fee6b241d6.ttf
#dist/fontawesome-webfont.fee66e712a8a08eef580.woff
NETWORK:
*
但我收到以下错误 => 应用程序缓存错误事件:Manifest fetch failed (404) http://localhost:4934/datalog.appcache
此外,当我检查网络下的文件但我看不到请求 datalog.appcache 文件时。
有没有人知道我做错了什么?在项目/模板或 webpack/-config 中我有什么需要做的吗?
解决方案
我找到了解决方案。使用 ASP.NET Angular SPA 模板进行部署时。它将忽略 Mainfest。因此,Error Application Cache Error 事件:Manifest fetch failed (404) 极具误导性,因为该文件对他不可用。现在,我在 ng builf、webpack、发布之后自己生成文件,并将它自己复制到带有一个小应用程序的发布文件夹中。也许这对其他人有帮助。问候迈克尔
推荐阅读
- python - 使用 Python 组织 API 数据
- java - 通过使用java合并两个不同的数组来排序数组的中位数
- uwp - 如何使 CarouselControl 的 ItemMargin 在 UWP 中自适应?
- reactjs - 反应中的功能 isloggedin 不起作用
- flutter - 在 Google Play 商店中使用 Flutter 应用进行应用内购买产品查询没有结果
- python-3.x - 生成 100 个随机数的列表,从中删除大于 20 且小于 50 的数字
- javascript - 我无法将必需的属性添加到选择标签
- excel - 将工作簿工作表中的数据提取到另一个工作簿工作表的同一列中
- c++ - QLineEdit 单击时清除文本并从按钮读取文本
- json - 如何在角度加载 json 数据时添加加载器