自定义徽标在自定义构建后未在 Thingsboard UI 上更新

Question

我正在尝试更改事物板 UI 的徽标，但由于某种原因，徽标在自定义构建后没有更新。我已经尝试在以下版本中多次重建事物板：

1.1、1.2、1.2.3

我采取的步骤是：

1) 在 Windows 10 上安装 Java 和 Maven。 - 这些按预期工作。

2）从https://github.com/thingsboard/thingsboard/

克隆源代码

3）检查相关分支/版本。 （根据上面列出的版本）

4）用我的徽标替换了https://github.com/thingsboard/thingsboard/tree/master/ui/src/svg中的两个徽标，格式相同（svg）和尺寸相同。还替换了 https://github.com/thingsboard/thingsboard/tree/master/ui/src 中的图标。

4a) 在构建 release1.1 时，我还必须将

SET

添加到 package.json 中的

NODE_ENV

。新版本使用跨平台包，消除了这一要求。

4b）在另一次尝试中，我构建了没有任何徽标的源代码。 IE。

svg

目录是空的。

4c）我还尝试使用和不使用 mdi.svg 文件进行构建，因为不确定它的作用。

5）构建通过（每次新的构建尝试）并且：

5a) 我停止了 thingsboard 服务器

net stop thingsboard

5b) 我使用 uninstall.bat 卸载 thingsboard。

5c) 我删除了

C:\thingsboard

的内容

5d) 我将构建从

application/target/thingsboard-windows.zip

提取到

C:\thingsboard

。

5e) 我运行 install.bat

5f) 我再次启动服务

net start thingsboard

。

• 请注意，所有命令均使用命令提示符 CLI 在管理员模式下运行。

原始的 thingsboard 徽标从未改变，即使源文件中没有徽标也是如此。

如果相关，请注意我对 Maven 的缺乏经验。

如果我遗漏了某些内容或者您已经成功更改了事物板的徽标/图标，请告诉我。谢谢你。

Answer 1

可能有 2 个问题：

1. 要么你的 SVG 不正确。这发生在我身上。我使用 Inkscape 创建了一个自定义 SVG，但它不向后兼容 SVG v1.1。您可以在此处了解有关此问题的更多信息。

2. 您没有清除旧的构建文件。使用新的 SVG 文件重新构建项目时，首先清除旧文件。使用这个

   git

   命令可以轻松完成此操作：

   git clean -fdx
   

Answer 2

尝试此网站：https://www.aconvert.com/image/png-to-svg/ 将 png 转换为 svg。并下载 svg 文件，并将其放置在 thingsboard 的 ui/src/svg 文件夹中。

然后用这个更改文件的顶部，我提供图片附件来更改它。特别是更改 svg id。

尝试一下，它对我有用。

Answer 3

请详细告诉我如何从源代码构建