1

我正在开发一个 Azure DevOps 扩展，它显示当前 Sprint 的工作项摘要以进行打印。

我无法正确发布静态 CSS 文件。

我在文件部分的 manifest.json 中配置了以下内容：

    {
        "path": "css/print.css",
        "contentType": "text/css",
        "addressable": true
    },
    {
        "path": "css/screen.css",
        "contentType": "text/css",
        "addressable": true
    },

项目结构如下：

css/screen.css
css/print.css
board-cards.html
vss-extension.json

阅读本文档：https ://docs.microsoft.com/en-us/azure/devops/extend/develop/static-content表示静态内容应发布到：https ://publisher.gallery.vsassets.io .

调试时 - 网络日志中出现以下两个 404：

https://publisher.gallerycdn.vsassets.io/css/print.css https://publisher.gallerycdn.vsassets.io/css/screen.css

（为方便起见，我已将发布者帐户名称更改为通用的“发布者”字符串）

我在 7zip 中打开了 .vsix，文件夹和 css 文件在包中。经过数小时的谷歌搜索和通过 stackoverflow 搜索后，我无法找到解决方案。

我尝试将“文件”中的条目更改为简单的：

{
   "path": "css",
   "addressable": true
}

然而，这没有任何效果。

有人能就我遗漏的或做错的事情向我提供建议吗？

4

1 回答 1

0

通过进一步调试，我发现这些文件确实存在于特定于发布版本的 URL 下。

例如https://publisher.gallerycdn.vsassets.io/extensions/publisher/board-cards/1.0.64/1545996658773/css/screen.css

然后我检查了标记，我意识到我已经对 CSS 文件进行了绝对引用。例如

/css/screen.css

通过删除第一个斜杠 - 这使得对 CSS 文件的引用成为相对的，从而解决了问题。

HTML 101。

于 2018-12-28T11:56:53.607 回答