在index.html不在根目录内时引用manifest.json
，可以通过相对路径来引用。
相对路径是相对于当前文件所在的目录来确定文件位置的一种路径表示方式。当index.html文件不在根目录时，可以使用相对路径来引用manifest.json文件。
相对路径的表示方法有两种：相对于当前文件的路径和相对于根目录的路径。
- 相对于当前文件的路径：
- 如果manifest.json与index.html在同一目录下，可以直接使用
./manifest.json引用。 - 如果manifest.json在当前目录的子目录中，可以使用
./子目录/manifest.json引用。例如，如果manifest.json在名为"assets"的子目录中，可以使用./assets/manifest.json引用。
- 如果manifest.json与index.html在同一目录下，可以直接使用
- 相对于根目录的路径：
- 可以使用
/manifest.json来引用根目录下的manifest.json文件。 - 如果manifest.json在根目录的子目录中，可以使用
/子目录/manifest.json引用。例如，如果manifest.json在名为"assets"的子目录中，可以使用/assets/manifest.json引用。
- 可以使用
在腾讯云中，相关产品和文档链接如下：
- 腾讯云对象存储（COS）：提供可扩展的、安全的、低成本的云端存储服务。可通过腾讯云COS存储manifest.json文件，并使用相应的URL引用。详细信息请参考：腾讯云对象存储（COS）
- 腾讯云CDN：提供全球分布式部署的内容分发网络服务，可用于加速静态资源的传输。可以将manifest.json文件上传至腾讯云CDN，并使用CDN的URL引用。详细信息请参考：腾讯云CDN
注意：以上是腾讯云提供的相关产品和服务，其他云计算品牌商也有类似的产品和服务可供选择。
相关·内容
我正在尝试创建并注册一个manifest.json和服务-工作器.js文件，以便我们的网站成为一个PWA。问题是Chrome没有收到任何manifest.json文件，而是用Manifest: Line: 1, column: 1, Syntax error.回复 关于上述文件的应用程序结构如下所示(嵌套在public/目录中的index.html)： public/ - favicon.ico...在</
浏览 152提问于2021-08-16得票数 0
如果我想通过按"Add to Home Screen“将我的PWA站点添加到Home Screen，Safari会指向assets文件夹并中断应用程序中的路由(导航)。
浏览 17提问于2021-10-24得票数 0
我试图通过添加一个manifest.json来使我现有的react应用程序进步。但是，当我查看developer工具的网络选项卡时，我的应用程序似乎无法找到我的manifest.json文件，因为我收到了上面的错误消息，而无法获得/manifest.json。这很奇怪，因为我的manifest.json位于我的应用程序的根目录上，错误说它找不到文件。我尝试了几种方法，比如在每个目录中放置一个manifest.json文件，或者在webpack
浏览 0提问于2018-07-04得票数 9
我应该在清单中还是在超文本标记语言中加载jQuery？无论是哪种情况，我都认为HTML应该在同一位置。manifest.json： "manifest_version": 2,
"description": "Some description",
"chrome_url_overrides":
浏览 0提问于2014-03-13得票数 0
基本上，domain.com/app/ (这是应用程序的根)应该重定向到index.html，domain.com/app/sub应该重定向到index.html (路由将由react-router在前端完成)，但是例如domain.com/app/manifest.json不应该重定向到任何地方，因为它是需要提供服务的实际文件。public/app to {path} /
浏览 1提问于2019-09-03得票数 6
在Firefox和Chrome中，浏览器都不会识别我的图标，在网络面板中为本地主机和远程站点上的所有偏袒图标文件抛出404个错误。
我所有的偏爱都位于/favicon中。当我同时导航到mywebsite.com/favicon/favicon.ico和localhost:5000/favicon/favicon.ico时，我会得到一个错误404。这种情况即使是在我关闭了所有标签与本地和远程网站，完全清除浏览器缓存，然后关闭和重新打开浏览器。这个问题在Firefox和Chrome中都是一样的。
浏览 4提问于2019-02-17得票数 1
回答已采纳
1回答
部署PWA问题
、、、、
我一直在阅读有关PWA部署的所有线程，而且没有一个修复是有效的。<link rel="manifest" href="./manifest.json" />
如果然后将Manifest文件移动到我的/
浏览 2提问于2021-08-04得票数 0
回答已采纳
我克隆了它并安装了所有依赖项，但当我执行'npm start‘时，它只是加载一个空白页面并抛出错误： "URIError:无法解码参数‘/%PUBLIC_URL%/MANIFENT.JSON’“ 老实说last 1 chrome version", "last 1 safari version" }
} 下面是我的index.html在公用文件夹中的样子： &l
浏览 52提问于2020-11-20得票数 3
我正在尝试将一个网页部署到github页面，其中index.html文件不在根目录中，而是在templates文件夹中。结果，每当我尝试访问url时，我都会得到一个404错误页面。如何上传html文件不在项目根目录中的网页？
浏览 25提问于2020-11-28得票数 2
回答已采纳
2回答
我致力于将服务工作者技术应用到一个站点中。图像根本没有加载。为了重现此错误，我重新安装了Polymer Starter Kit，并在第一个视图my-view1.html中添加了一行。我将图像添加到相应的目录中。我正在使用：
节点v4.2
浏览 5提问于2017-02-07得票数 1
回答已采纳
在根目录中，还会有名为后端/和前端/+的目录(它们的名称是可变的)。当前树可能如下所示： .htaccess static/ manifest.json下面是一些示例：
浏览 1提问于2021-05-14得票数 1
在现场直播Manifest: Line: 1, column: 1, Syntax error.我的清单文件位于/manifest.webmanifest -这是在我的应用程序的index.html文件中引用的。
如果我在本地运行这个站点，我就不会发现这个错误。/home/home.module').then( m => m.HomePageModule
浏览 15提问于2022-02-06得票数 0
build Public index.html logo512.png src App.js index.css {
"name": "..&q
浏览 4提问于2020-02-14得票数 0
回答已采纳
3回答
下面是index.html中头部的样子：<meta name="apple-mobile-web-app-capableapple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="msapplication-starturl" content=&q
浏览 3提问于2018-03-30得票数 4
2回答
酒瓶如何送达反应公文
、、、
在react中，我创建了一个文件夹./public/assets，并将一个图像放在./public/assets中。当我运行npm start时，一切都很好。在react中运行npm run build之后，我会得到一个./build文件夹。我将./build文件夹中的文件和文件夹复制到一个烧瓶文件夹中。由于index.html应该放在./templates中的烧瓶中，所以浏览器无法在./assets中获取图像。favicon
浏览 2提问于2019-07-28得票数 2
2回答
我是2+的新手，我已经在使用一个应用程序，使用了4，我使用了CLI来创建这个项目，同时也为它服务。">
我在src/中添加了这两个文件，后者是角应用程序的根。当我在浏览器上打开应用程序时，图标没有显示(404)，也找不到清单(404)。当我将这个图标放到另一个目录(src/assets/icon/)中时，它正常工作，但是对于manifest.json，它应该在根目录中。当我按Ctrl+U浏览器浏览网页源代码时，当我
浏览 3提问于2017-06-21得票数 4
回答已采纳
我在react中遇到了一个粘性脚注的问题。我实现了我在CSS Tricks上看到的flexbox解决方案，但问题是页脚在主App组件的底部，而App组件不在正文的底部。document.getElementById('root');
<Root />, root);});<!DOCTYPE
浏览 2提问于2018-03-26得票数 2
12回答
这是托管的url： -不再工作了/manifest.json: 1, column: 1, Syntax error.
manifest.json:1 GET https://serviceworkerspike.azurewebsites.net/manifest.json我在我的index.h
浏览 11提问于2019-11-27得票数 41
回答已采纳
当我使用ng serve启动它并在浏览器中检查它时，我已经创建了一个角度应用程序，我在控制台中得到了这个错误：这是web浏览器控制台的屏幕截图。项目结构：解决这个问题的任何解决办法
谢谢
浏览 9提问于2021-11-22得票数 1
回答已采纳
我做了一个简单的chrome扩展：{ "version": "1", "background_page": "index.html",
"browse
浏览 0提问于2014-01-31得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
