自定义构建后,自定义徽标未在 Thingsboard UI 上更新
Custom logo not updating on Thingsboard UI after custom build
我正在尝试更改 thingsboard 的徽标 UI 但由于某种原因,自定义构建后徽标未更新。我已经尝试过多次重建 thingsboard 并在以下版本中:
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 with my logos, in same format (svg) and same dimensions. Also replaced the favicon in 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 的经验不足。
如果我遗漏了什么或者您是否已经设法更改了 thingsboard 的徽标/图标,请告诉我。谢谢。
可能有 2 个问题:
- 要么你的 SVG 不合适。这发生在我身上。我使用 Inkscape 创建了一个自定义 SVG,它不向后兼容 SVG v1.1。您可以阅读有关此问题的更多信息 on this question here。
您没有清除旧的构建文件。使用新的 SVG 文件重新构建项目时,首先清除旧文件。使用此 git
命令可以轻松完成此操作:
git clean -fdx
试试这个网站:https://www.aconvert.com/image/png-to-svg/ 将您的 png 转换为 svg。并下载 svg 文件,并将其放入 thingsboard ui/src/svg 的文件夹中。
然后用这个改变文件的顶部,我给图片附件来改变它。特别是更改 svg id。
enter image description here
enter image description here
试试看,对我有用。
我正在尝试更改 thingsboard 的徽标 UI 但由于某种原因,自定义构建后徽标未更新。我已经尝试过多次重建 thingsboard 并在以下版本中:
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 with my logos, in same format (svg) and same dimensions. Also replaced the favicon in 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.
卸载了 thingsboard5c) 我删除C:\thingsboard
5d) 我将构建从 application/target/thingsboard-windows.zip
提取到 C:\thingsboard
。
5e) 我 运行 install.bat
5f) 我再次启动服务net start thingsboard
.
- 请注意,所有命令都是 运行 在管理员模式下使用命令提示符 CLI。
原始的 thingsboard 徽标从未改变,即使源文件中没有徽标。
如果相关,请注意我对 Maven 的经验不足。
如果我遗漏了什么或者您是否已经设法更改了 thingsboard 的徽标/图标,请告诉我。谢谢。
可能有 2 个问题:
- 要么你的 SVG 不合适。这发生在我身上。我使用 Inkscape 创建了一个自定义 SVG,它不向后兼容 SVG v1.1。您可以阅读有关此问题的更多信息 on this question here。
您没有清除旧的构建文件。使用新的 SVG 文件重新构建项目时,首先清除旧文件。使用此
git
命令可以轻松完成此操作:git clean -fdx
试试这个网站:https://www.aconvert.com/image/png-to-svg/ 将您的 png 转换为 svg。并下载 svg 文件,并将其放入 thingsboard ui/src/svg 的文件夹中。
然后用这个改变文件的顶部,我给图片附件来改变它。特别是更改 svg id。
enter image description here
enter image description here
试试看,对我有用。