首页 > 解决方案 > 缓存清单——在 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 中我有什么需要做的吗?

标签: angularasp.net-coreasp.net-core-2.0

解决方案


我找到了解决方案。使用 ASP.NET Angular SPA 模板进行部署时。它将忽略 Mainfest。因此,Error Application Cache Error 事件:Manifest fetch failed (404) 极具误导性,因为该文件对他不可用。现在,我在 ng builf、webpack、发布之后自己生成文件,并将它自己复制到带有一个小应用程序的发布文件夹中。也许这对其他人有帮助。问候迈克尔


推荐阅读