LightDM Webkit2 图像问题

如何解决LightDM Webkit2 图像问题

我正在从事我的爱好项目，为 lightdm webkit2 创建一个主题。我选择了 React 框架，因为我对它非常满意。这是回购链接 https://github.com/gitneeraj/reactive/tree/feature/dist（结帐分支 feature/dist）。通过一些调整（如下所述），我可以在显示管理器上看到作为欢迎程序加载好的 HTML。我的问题是，当我得到一个页面中包含图像的路由时，即使我捆绑了这些图像也不会加载这些图像。这同样适用于任何自定义字体文件。以下是重现问题的步骤 -

开始之前，请确保您在虚拟机上进行测试。我推荐 Arch Linux（因为那是我使用的），并正确安装和配置了 lightdm 和 lightdm-webkit2-greeter 软件包。

1. 克隆仓库 [e-mail]:gitneeraj/reactive.git
2. 结帐到分支功能/dist 和 npm i 以安装 deps
3. npm start 在浏览器上查看一切正常
4. npm run build 来构建包。这将吐出反应式目录
5. 手动将构建的反应式文件夹复制到 /usr/share/lightdm-webkit/themes 文件夹中
6. 手动将 /etc/lightdm/lightdm-webkit2-greeter.conf 文件的 webkit_theme 变量更新为主题名称 reactive。像这样，webkit_theme = reactive
7. 退出/退出当前会话，您应该会看到主题。
8. 单击底部的小齿轮，它会带您进入包含图像和文本的 DM 列表页面。但图像无法加载。

解决方法

我找到了解决方案，因为它与您为生产构建项目的方式有关。请记住，Linux 将斜杠 (/) 视为根目录，因此我们需要使用主题安装到的绝对路径。