0

我正在尝试向使用 Waldek 的教程Configure extension icon创建的 ListView CommandSet Extension 添加一个图标。

我遇到的问题是：得到一个 gulp 警告*appears to be a relative web URL. This means that when the is rendered, this URL will be relative to the CDN url for the rest of the package assets. If a relative filesystem path was intended, prepend the path with "./".*并且没有在命令集中显示一个图标。

它正在尝试打开https://localhost:4321/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0 ...

我正在使用 React 框架开发最新的 SPFx 版本 1.4.0。

这是扩展清单。

"items": {
"COMMAND_1": {
  "title": {
    "default": "<command title>"
  },
  "iconImageUrl": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGLDJGlHAAAACBjSFJNAACHCwAAjA8AAP1SAACBQgAAfXUAAOmPAAA85gAAGc0Hn9XQAAAg1GlDQ1BJQ0MgUHJvZmlsZQAAaN6VkWVUlklFTkSuQmCC..<removed chunk>",
  "type": "command"
}

}

请提供一些建议或指示来解决此问题。

4

2 回答 2

0

从微软的角度来看，这似乎是一个已知问题。

建议你等几天才能解决。如果它是一个阻塞问题，建议您使用图像（带有文件 url）以及所有用户都可以访问的图像。

Github 问题 - Web 部件 Base 64 图标不再呈现

于 2018-01-02T08:27:33.973 回答
-1

埃里克，

我也遇到了同样的问题，所以我深入研究并找到了一种将 SVG 与自定义图标一起使用的方法。

我发布了一篇关于它的博客（https://tahoeninjas.blog/2019/08/31/fixing-base64-svg-icons-in-spfx/），但解决方案是不使用base64编码，只使用html数据 url 中编码的 SVG。

我希望这有帮助？

于 2019-09-12T01:19:31.997 回答